Les: hoe maak ik een link in HTML?

Voordat u een koppeling in HTML maakt, moet u dit doenom erachter te komen wat het is en wat voor soort ze zijn. Elke koppeling begint met de tag <a> en wordt afgesloten met een tag </a>. De gebruiker geeft alleen weer wat tussen deze tags is ingesloten. De browser geeft de link zelf niet weer. Het kan worden gezien door in de statusbalk te zweven.

Alle links kunnen worden verdeeld op basis van verschillende criteria en typen. U kunt bijvoorbeeld links op doel verdelen:

• in het document;
• naar een andere webpagina;
• op verschillende bestanden;
• naar postadressen.

Bovendien kunnen de 2e en 3e items worden onderverdeeld in absolute en relatieve adressen. Over iets later. Overweeg nu het eenvoudigste geval.

Hoe in HTML om de link te maken? Om dit te doen, kunt u een Kladblok of een andere editor openen en de bovenstaande code overschrijven.

Het resultaat is het volgende.

Waar bestaat de koppeling uit?

Vergeet niet dat elke link vereist is:

• openen en sluiten van tag;
• linktekst;
• het href-kenmerk, dat het adres aangeeft waarnaar de gebruiker wordt verzonden.

De overige attributen zijn optioneel. Ik gebruik ze naar eigen goeddunken.

Zoals u kunt zien, toont de eerste afbeelding de koppelingspagina's / about.html. Dit is een relatieve referentie. In de bovenstaande afbeelding begint de koppeling met http: //. In dit geval wordt de absolute referentie gebruikt.

Als u geen afsluittag opgeeft, dan allesDe volgende zal ook een voortzetting van deze link zijn. Wees voorzichtig. Noteer bij het schrijven van de code onmiddellijk het openings- en sluitingslabel. Dus het is veiliger.

Hoe maak ik een foto een link in HTML?

In plaats van de tekst in de tags <a> ... </a>, kunt u afbeeldingen opgeven. Dat wil zeggen, als de gebruiker op de afbeelding klikt, zal hij op uw link klikken.

Deze methode wordt heel vaak gebruikt. Vooral in het menu op de prachtige sites. Make-upontwerpers denken altijd na over het maken van een koppeling naar een pagina in HTML voordat ze een websiteontwerp maken. Meer precies, in welke vorm dit allemaal gebeurt. In de cursus zijn alle manieren die de webmaster bezit. We zullen een beetje verder kijken.

Hoe in HTML een koppeling naar een bestand maken?

In het kenmerk href kunt u verwijzingen naar bestanden opgeven. Dus meestal gebeurt er als een link naar het bestand te downloaden (archief, film, muziek, boek, tekstbestand, en ga zo maar door).

Met andere woorden, u kunt alles in het adres opgeven. Als het geen webpagina is, probeert de browser deze te downloaden.

Interne referenties

Je bent toch zeker één keer geweest"Wikipedia". Er is de inhoud van het artikel. En wanneer u op een item klikt, gaat u naar de overeenkomstige subtitel. Dergelijke links worden verwijzingen binnen een document of bladwijzers genoemd.

Hoe in HTML om een ​​link binnen de pagina te maken?

Het is heel eenvoudig. We specificeren de links in de tekst met het attribuut <a>, maar geven geen href op. U moet het naamkenmerk schrijven en een unieke naam in het document opgeven. En op de plaats waar u verwijzingen naar deze notities in het document opgeeft, schrijven we in het href-attribuut eerst een rooster en vervolgens die unieke naam.

Zodra de browser het teken # in het adres ziet, begrijpt het dat het nodig is om te verwijzen naar een element binnen hetzelfde document.

Links naar e-mail

Soms moet u een link naar e-mail opgeven. Je kunt dit doen.

Na het klikken op deze link van de gebruikereen applicatie voor het beheer van e-mail wordt geopend. Dit is meestal een standaard Outlook. Maar dit programma is meestal niet aangepast. Daarom wordt meestal het e-mailadres eenvoudig aangegeven in de vorm van tekst.

attributen

Als u begrijpt hoe u een koppeling in HTML kunt maken, is het raadzaam de resterende kenmerken van de tag <a> te bestuderen. Dit is erg belangrijke informatie. Overweeg de eenvoudigste:

• Het titelkenmerk - maakt een pop-up hint wanneer u de muisaanwijzer over een koppeling beweegt. Dit is erg handig. Dankzij dit kunt u de gebruiker aanvullende informatie geven.
• Het doelattribuut is de plaats waar het nieuwe document zal worden geladen (webpagina). Hier kunnen de volgende waarden zijn:
  • _blank - een nieuw browservenster wordt geopend;
  • _self - openen in het huidige venster, dit is de standaardwaarde, het is niet nodig om het op te geven;
  • _parent - laden in het bovenliggende frame, als er geen zijn, dan neemt het attribuut de waarde_self;
  • _top - Annuleert alle frames en laadt de pagina in de volledige grootte van de browser. Als er geen frames zijn, is er een analogie met _self.
• Het downloadkenmerk. Dankzij dit kunt u het bestand downloaden dat is gespecificeerd in het href-kenmerk. Deze parameter heeft geen waarde. We vermelden alleen <a download href="img/photo.jpg"> Link naar het bestand </a>. Als u niet opgeeft de browser opent gewoon de foto. In dit geval wordt het gedownload naar de computer.

Koppelingen ontwerpen

Als u begrijpt hoe u een referentie in kunt makenHTML, het is wenselijk om ervoor te zorgen dat het er normaal uitziet. Rondom de afbeelding, die een koppeling is, wordt standaard een kader weergegeven. Het ziet er ruw en lelijk uit. Omdat de dikte 3 pixels is.

Dat het niet zo was, is het noodzakelijk om border = "0" te specificeren. Dat wil zeggen, de grens zal nul zijn. Hier is een link van de foto ziet er leuk en acceptabel uit. Anders maakt u alle bezoekers bang voor de site.

conclusie

Links zijn op het eerste gezicht een heel eenvoudige tag. Maar als je dieper gaat en allerlei soorten links en attributen in ogenschouw neemt, blijkt dat niet alles zo eenvoudig en onbewolkt is.

Vergeet niet dat links de ruggengraat vormen van het World Wide Web. Zonder hen zou het niet bestaan.

</ p>