HTML Linker

i denne opplæringen vil du lære hvordan du oppretter lenker til andre sider I HTML.

Opprette Koblinger I HTML

en kobling eller hyperkobling er en tilkobling fra en webressurs til en annen. Lenker tillate brukere å flytte sømløst fra en side til en annen, på en server hvor som helst i verden.

en lenke har to ender, kalt ankere. Koblingen starter ved kildeankeret og peker på destinasjonsankeret, som kan være en hvilken som helst webressurs, for eksempel et bilde, et lyd-eller videoklipp, EN PDF-fil, ET HTML-dokument eller et element i selve dokumentet, og så videre.

som standard vises koblinger som følger i de fleste nettlesere:

• en ubesøkt lenke er understreket og blå.
• en besøkt lenke er understreket og lilla.
• en aktiv lenke er understreket og rød.

du kan imidlertid overskrive DETTE ved HJELP AV CSS. Finn ut mer om stylingkoblinger.

HTML Link Syntaks

Koblinger er angitt I HTML ved hjelp av <a> taggen.

en kobling eller hyperkobling kan være et ord, en gruppe ord eller et bilde.

Alt mellom åpningen <a> tag og den avsluttende </a> tag blir den delen av koblingen som brukeren ser og klikker i en nettleser. Her er noen eksempler på linkene:

<a href="https://www.google.com/">Google Search</a><a href="https://www.tutorialrepublic.com/">Tutorial Republic</a><a href="images/kites.jpg"> <img src="kites-thumb.jpg" alt="kites"></a>

attributtet href angir målet for koblingen. Verdien kan være en absolutt ELLER relativ URL.

en absolutt URL er NETTADRESSEN som inneholder alle deler AV URL-formatet, for eksempel protokoll, vertsnavn og bane til dokumentet, for eksempel https://www.google.com/, https://www.example.com/form.php, etc. Mens relative Nettadresser er siderelative baner, f. eks. contact.html, images/smiley.png og så videre. En relativ URL inneholder aldri prefikset http:// eller https://.

Angi Målene For Koblinger

target – attributtet forteller leseren hvor det koblede dokumentet skal åpnes. Det er fire definerte mål, og hvert målnavn starter med et understrekingstegn(_):

• _blank — Åpner det koblede dokumentet i et nytt vindu eller en ny fane.
• _parent — Åpner det koblede dokumentet i overordnet vindu.
• _self — Åpner det koblede dokumentet i samme vindu eller fane som kildedokumentet. Dette er standard, derfor er det ikke nødvendig å spesifisere denne verdien eksplisitt.
• _top — Åpner det koblede dokumentet i hele nettleservinduet.

Prøv følgende eksempel for å forstå hvordan lenkens mål i utgangspunktet fungerer:

<a href="/about-us.php" target="_top">About Us</a><a href="https://www.google.com/" target="_blank">Google</a><a href="images/sky.jpg" target="_parent"> <img src="sky-thumb.jpg" alt="Cloudy Sky"></a>

Opprette Bokmerkeankre

Du kan også opprette bokmerkeankre slik at brukerne kan hoppe til en bestemt del av en nettside. Bokmerker er spesielt nyttige hvis du har en veldig lang nettside.

Å Lage bokmerker er en to-trinns prosess: legg først til attributtet id på elementet der du vil hoppe, og bruk deretter attributtverdien id foran hash-tegnet (#) som verdien av attributtet href for taggen <a>, som vist i følgende eksempel:

<a href="#sectionA">Jump to Section A</a><h2>Section A</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>

Opprette Nedlastingskoblinger

du kan også opprette filnedlastingskoblingen på nøyaktig samme måte som å plassere tekstkoblinger. Bare pek destinasjonsadressen til filen du vil være tilgjengelig for nedlasting.

i følgende eksempel har vi opprettet nedlastingskoblingene FOR ZIP -, PDF-og JPG-filer.

<a href="downloads/test.zip">Download Zip file</a><a href="downloads/masters.pdf">Download PDF file</a><a href="downloads/sample.jpg">Download Image file</a>