Innholdsfortegnelse:
Video: 3 faset last 2024
Lenker, de klikkbare objektene som gjør Internett hva det er, er definert med HTML-elementet. Vi fullfører vår undersøkelse av de mest essensielle HTML-kodene med en undersøkelse av denne viktige linken i webdesign.
Den mest essensielle egenskapen til et hvilket som helst element er href-attributtet, som definerer lenks destinasjon. Men elementer må også inkludere noe innhold - for eksempel litt tekst - som vises i en nettleser og gjør at lenken kan fungere. For eksempel viser følgende HTML-kode Søk Google og koblinger til www. Google. com:
Søk i Google
Merk at hele lenken, inkludert skjermteksten, er vedlagt innenfor og tagger. Det er imidlertid også en avslutning> etter den faktiske lenken og før den viste teksten.
Lenker kan ha definerte mål, som den "tomme" parameteren som brukes til å åpne en kobling i et nytt nettleservindu. Hvis du vil redigere det forrige eksemplet for å åpne i et nytt nettleservindu, bruker du denne koden:
Søk Google
Absolutt og relative lenker
Lenker kan være absolutte eller relative:
-
Absolute lenker, som den i de foregående eksemplene, er definert med // i begynnelsen og inkluderer hele nettadressen for link.
-
Relative links brukes på et nettsted. Så, for eksempel, hvis du linker til en side som heter om_us. html, kan du bruke
Besøk min Om oss side!
Men den forrige koden vil bare fungere hvis om_us. HTML-siden er i samme mappe som siden den ble koblet til.
Du kan også definere mer komplekse relative lenker, ved hjelp av / for å kartlegge en bane til mappen med linken. For eksempel, å koble til en fil som heter lysbildeserie. html i en undermappe (i forhold til den opprinnelige siden) kalt presentasjoner, vil du bruke denne koden:
Besøk min Slideshow-side!
Hvordan koblinger ser ut
Når du bygger et stilark for nettstedet ditt, definerer du hvordan koblinger vises i forskjellige tilstander: unvisited, besøkt, aktiv (i ferd med å åpnes) eller svevet (hovered over med en mus markør). Som standard, til du lager et stilark, vises koblinger som dette i alle nettlesere:
-
Ubesvarte lenker er understreket og blått.
-
Besøkte lenker er understreket og lilla.
-
Aktive lenker er understreket og rødt.
Det er ingen standard hover-tilstand. Og til du lager en i et stilark, endrer ikke svingte koblinger utseendet.