Lektion: hur man gör en länk i HTML?

Innan du gör en länk i HTML måste duatt ta reda på vad det är och vilka slag de är. Varje länk börjar med <a> -taggen och är stängd med en tagg </a>. Användaren visar bara vad som är inneslutet mellan dessa taggar. Webbläsaren visar inte själva länken. Det kan ses genom att sväva i statusfältet.

Alla länkar kan delas upp enligt olika kriterier och typer. Till exempel kan du dela upp länkar med syfte:

• inom dokumentet
• till en annan webbsida
• på olika filer;
• till postadresser.

Dessutom kan 2: a och 3: e objekt delas in i absoluta och relativa adresser. Om detta lite senare. Tänk nu på det enklaste fallet.

Hur i HTML för att skapa länken? För att göra detta kan du öppna ett anteckningsblock eller någon annan redaktör och skriva över koden ovan.

Resultatet är följande.

Vad består länken av?

Kom ihåg att någon länk krävs:

• öppning och stängning tagg;
• länk text;
• Href-attributet, som anger adressen till vilken användaren kommer att skickas.

De återstående attributen är frivilliga. Jag använder dem efter eget gottfinnande.

Som du kan se visar den första bilden länksidorna / about.html. Detta är en relativ referens. I bilden ovan börjar länken med http: //. I detta fall används den absoluta referensen.

Om du inte anger en stängningskod, då allaNästa kommer också att vara en fortsättning på den här länken. Var försiktig. När du skriver koden lägger du omedelbart öppnings- och stängningskoden. Så det är säkrare.

Hur man gör en bild en länk i HTML?

Istället för texten i taggarna <a> ... </a> kan du ange bilder. Det vill säga, om användaren klickar på bilden, kommer han att klicka på din länk.

Denna metod används ofta. Särskilt i menyn på de vackra platserna. Makeupdesigners tänker alltid hur man gör en länk till en sida i HTML innan man skapar en webbdesign. Mer exakt, i vilken form är allt detta gjort. I kursen finns alla sätt som webbmästaren äger. Vi ser lite längre ut.

Hur i HTML för att skapa en länk till en fil?

I href-attributet kan du ange referenser till filer. Det händer vanligtvis när du anger en länk för att ladda ner en fil (arkiv, film, musik, bok, textfil och så vidare).

Med andra ord kan du ange något i adressen. Om det inte är en webbsida försöker webbläsaren att ladda ner den.

Interna referenser

Visst har du besökt minst en gång"Wikipedia". Det finns innehållet i artikeln. Och när du klickar på ett objekt flyttar du till motsvarande underrubrik. Sådana länkar kallas referenser inom ett dokument eller bokmärken.

Hur i HTML att skapa en länk inuti sidan?

Det är väldigt enkelt. Vi anger länkarna i texten med attributet <a>, men ange inte href. Du måste skriva namnattributet och ange ett unikt namn i dokumentet. Och på den plats där du anger hänvisningar till dessa anteckningar i dokumentet, skriver vi först i grat-attributet ett galler och sedan det unika namnet.

Så snart som webbläsaren ser tecknet # i adressen förstår det att det är nödvändigt att referera till ett element inom samma dokument.

Länkar till e-post

Ibland behöver du ange en länk till e-post. Du kan göra det här.

Efter att klicka på den här länken från användarenEn ansökan om hantering av post öppnas. Det här är vanligtvis en vanlig Outlook. Men det här programmet är vanligtvis inte anpassat. Därför anges vanligtvis e-postadressen helt enkelt i form av text.

attribut

Om du förstår hur man gör en länk i HTML, rekommenderas att du studerar de återstående attributen för <a> -taggen. Detta är mycket viktig information. Tänk på det mest grundläggande:

• Titelattributet - skapar ett popup-tips när du sveper över en länk. Detta är mycket bekvämt. Tack vare det här kan du ge ytterligare information till användaren.
• Målattributet är den plats där det nya dokumentet ska laddas (webbsida). Här kan följande värden vara:
  • _blank - ett nytt webbläsarfönster öppnas
  • _self - öppnar i det aktuella fönstret, detta är standardvärdet, det är inte nödvändigt att ange det;
  • _parent - laddar i parentesramen, om det inte finns någon, tar attributet value_self;
  • _top - Avbryter alla ramar och laddar sidan i webbläsarens fulla storlek. Om det inte finns några ramar, så finns det en analogi med sig själv.
• Nedladdningsattributet. Tack vare det kan du kraftigt ladda ner filen som anges i href-attributet. Denna parameter har inget värde. Vi nämner bara <a download href="img/photo.jpg"> Länk till filen </a>. Om du inte anger webbläsaren öppnar helt enkelt fotot. I det här fallet laddas det ner till datorn.

Designa länkar

Om du förstår hur man gör en bildreferens iHTML, det är önskvärt att ta hand om det faktum att det ser normalt ut. Som standard visas en ram runt bilden, vilken är en länk. Det ser grovt och fult ut. Eftersom dess tjocklek är 3 pixlar.

Att det inte var det är nödvändigt att ange border = "0". Det vill säga gränsen blir noll. Här är en länk från bilden så fin och acceptabel. Annars kommer du att skrämma alla besökare på webbplatsen.

slutsats

Länkar vid första anblicken är en mycket enkel tagg. Men om du går djupare och överväger alla slags länkar och attribut, visar det sig att inte allt är så enkelt och molntfritt.

Kom ihåg att länkar är ryggraden på World Wide Web. Utan dem skulle det inte existera.

</ p>