Før du opretter et link i HTML, skal duat forstå, hvad det er, og hvilke typer af dem der er. Ethvert link starter med <a> tagget og slutter med </a> tagget. Brugeren får kun vist, hvad der er vedlagt mellem disse tags. Browseren viser ikke selve linket. Det kan ses, når du holder markøren i statuslinjen.
Alle links kan opdeles efter forskellige kriterier og typer. For eksempel kan links opdeles efter formål:
- inde i dokumentet
- til en anden webside
- til forskellige filer;
- til postadresser.
Desuden kan 2. og 3. element opdeles i absolutte og relative adresser. Mere om dette senere. Lad os overveje den enkleste sag nu.
Hvordan oprettes et link i HTML? For at gøre dette kan du åbne notesblok eller en hvilken som helst anden editor og omskrive ovenstående kode.
Resultatet bliver følgende.
Hvad består linket af?
Husk at ethvert link skal have:
- åbning og lukning af tags;
- linktekst;
- href-attributten, som specificerer den URL, hvor brugeren skal henvises.
Som du kan se, i det første billede, er linket sider / about.html. Dette er et relativt link. På billedet ovenfor starter linket med http: //. I dette tilfælde anvendes en absolut reference.
Hvis du ikke angiver et lukkemærke, så er altdet følgende vil også være en fortsættelse af dette link. Vær forsigtig. Når du skriver kode, skal du straks medtage et start- og slutkode. Det er sikrere på denne måde.
Hvordan laver man et billede til et link i HTML?
I stedet for tekst i tags <a> ... </a> kan du angive billeder. Det vil sige, hvis brugeren klikker på billedet, følger han dit link.
Denne metode bruges meget ofte.Især i menuerne på smukke steder. Layoutdesignere tænker altid på, hvordan man linker til en side i HTML, inden de opretter et trådrammedesign. Mere præcist, i hvilken form at gøre det hele. Alle metoder, som webmasteren ejer, bruges. Lad os overveje designet lidt længere.
Hvordan linkes til en fil i HTML?
Href-attributten kan indeholde links til filer. Dette sker normalt, når et link til download af en fil (arkiv, film, musik, bog, tekstfil osv.) Er angivet.
Med andre ord kan du angive noget i adressen. Hvis det ikke er en webside, vil browseren prøve at downloade den.
Links på siden
Du har bestemt besøgt mindst én gang"Wikipedia". Der er indholdet af artiklen. Og når du klikker på et element, føres du til den tilsvarende underoverskrift. Sådanne links kaldes links i et dokument eller bogmærker.
Sådan linkes inden for en side i HTML?
Alt er meget simpelt.Vi angiver links i teksten med <a> attributten, men vi angiver ikke href. Du skal skrive navnattributten og angive et unikt navn i dokumentet. Og på det sted, hvor du angiver links til disse noter inde i dokumentet, i href-attributten skriver vi først en hash og derefter det unikke navn.
Så snart browseren ser # -symbolet i adressen, forstår den, at det er nødvendigt at henvise til et eller andet element i det samme dokument.
E-mail-links
Nogle gange skal du angive et link til din e-mail. Det kan gøres sådan.
Efter at have klikket på dette link, skal brugerenapplikationen til mailadministration åbnes. Dette er normalt standard Outlook. Men dette program er normalt ikke konfigureret af nogen. Derfor er normalt e-mail-adressen simpelthen angivet i tekst.
attributter
Hvis du har fundet ud af, hvordan du opretter et link i HTML, anbefales det at studere de resterende attributter for <a> tagget. Dette er meget vigtig information. Lad os overveje de mest basale:
- Titelattributten - Opretter et værktøjstip, når du svæver over et link. Det er ret praktisk. Dette giver dig mulighed for at give yderligere oplysninger til brugeren.
- Målattributten er, hvor det nye dokument (webside) indlæses. Det kan have følgende værdier:
- _blank - et nyt browservindue åbnes;
- _self - åbner i det aktuelle vindue, dette er standardværdien, det er ikke nødvendigt at specificere det;
- _parent - indlæses i den overordnede ramme, hvis der ikke er nogen, tager attributten værdien selv;
- _top - annuller alle rammer og indlæs siden til fuld browserstørrelse. Hvis der ikke er nogen rammer, opstår der en analogi med _self.
- Download attribut.Takket være det kan du tvinge download af den fil, der er angivet i href-attributten. Denne parameter har ingen værdi. Vi specificerer bare <a download href="img/photo.jpg"> Link til fil </a>. Hvis du ikke angiver download, så åbner browseren bare billedet. I dette tilfælde begynder det at downloade til din computer.
Link design
Hvis du har fundet ud af, hvordan du laver et billede til et link iHTML, det tilrådes også at sikre, at det ser normalt ud. Som standard vises en kant omkring billedet, som er et link. Hun ser uhøfligt og grimt ud. Da dens tykkelse er 3 pixels.
For at undgå dette skal du angive border = "0". Det vil sige, at grænsen vil være lig med nul. Dette link fra billedet ser godt ud og acceptabelt. Ellers skræmmer du alle besøgende.
konklusion
Links er ved første øjekast et meget simpelt tag. Men hvis du går dybere og overvejer alle typer links og attributter, viser det sig, at ikke alt er så let og skyfri.
Husk, at links er rygraden på World Wide Web. Uden dem ville det ikke eksistere.
