Hvordan indsætter jeg et hyperlink i HTML? Oprettelse og brug af hyperlinks i HTML

Nu vil siden besøgende se et hyperlink med den fedte tekst fremhævet af ordet "Google".

Absolutte hyperlinks

Hyperlinks, der bruger absolutte webadresser til websteder, der indeholder domænenavne (.ru, .com, .org, .gov) kaldes absolutte og har følgende syntaks:

Protokol: // domænenavn / sti til fil

Eksempel på adressen til den populære søgemaskine i Amerika: https://aol.com - absolut, fordi den indeholder domænenavnet .com.

Absolutte hyperlinks bruges til at navigere til sider på andre websteder eller for at få adgang til ressourcer placeret på en anden server. Overgangen udføres ved hjælp af internetprotokoller. Protokoller er ikke genstand for denne artikel, men da de deltager i oprettelsen af hyperlinks, er det mindst nødvendigt at nævne dem i det mindste kort tid:

• Http og https er de mest almindelige; På dem er der en overgang mellem internetsiderne på forskellige steder;
• Ftp - protokollen til upload af filer til serveren eller download af brugeren fra webstedet;
• Mailto er en mailprotokol , der sender e-mail direkte fra webstedet uden at få adgang til din private mail.

Der er flere andre specielle formål protokoller (gopher, telnet), som er ret sjældne, hvis anvendelse kræver særlig viden i programmering eller systemadministration.

Relative hyperlinks

Ved relativ adressering tjener brugen af hyperlinks i HTML til overgange i ressourcen og fører ikke ud over det. Hvis siden er så stor, at den lodrette rullebjælke fungerer, nogle gange meget lang, som i ordbøger, er det meget bekvemt og hensigtsmæssigt at bruge relative links til hurtigt at hoppe til det ønskede brev.

Oprettelse af en internetordbog har programmøren i begyndelsen af siden et alfabet, og hvis ikke til anvendelse af links, skal brugeren i lang tid dreje museknappen for at komme til brevet "I".

For at oprette en relativ reference skal du bruge navnetattributten til taggen:

Gå til brev Я

Hvor du hedder ankeret, og Gå til brevet I - destinationens anker. For korrekt visning af ankre anbefales brug af latinske bogstaver og tal, så skriv ikke "jeg", selv om det ville være mere forståeligt.

For at gøre overgangen fra alfabetet i begyndelsen af siden til bogstavet "I" skal du forankre ankeret i stedet for HTML-dokumentet, hvor ordene begynder med bogstavet "I":

target = "_ blank"> google startside

Hjemmesiden "Google" åbnes i et nyt vindue.

Bemærk: Hvis du vil åbne sider på en ny fane, er der ingen værdier for denne attribut, men indstilles af brugeren i browserindstillingerne.

Farve på hyperlinks

En erfaren internetbruger med tiden burde have bemærket, at hyperlinks er forskellige i farve fra den omgivende tekst, og de er normalt blå. Links, hvor han passerede og derefter vendte tilbage til forrige side, blev lilla. Brug af hyperlinks i HTML i et ikke-standard farveskema er ikke meget, men det fremhæver webstedet blandt de øvrige.

Farverne på linkene i -taggen er angivet med attributter og deres værdier, hvor HTML-farven i rgb-systemet (# 00FF00) eller med det direkte navn på farven ("grøn") vises. Der er tre slags attributter til links:

• Link - indstiller farven på det unvisited link;
• Vlink - angiver farven på det link, som brugeren allerede har skiftet til;
• Alink - angiver farve på linket i det øjeblik, hvor du skifter til en anden side. Dette sker hurtigt, så du kan ikke altid fange denne effekt.

Eksempel på markering:

Hvis du anvender disse attributter i -tagget, vil linkene i dette webdokument være mørkblåt, besøgt - lilla og aktive - orange-rødt.

Grafiske hyperlinks

Fremskridt og udvikling af webdesign kræver, at du ved, hvordan du indsætter et hyperlink i HTML som et billede. Det er klart, at billedet skal svare til indholdet på destinationssiden. For eksempel kan webstedets hovedside om medicinalplanter præsenteres i form af fotografier af planter, hvor man klikker på hvilken bruger vil gå til siden, som beskriver plantens medicinske egenskaber.

Udbredt metode er metoden til at erstatte statiske knapper () med smuk grafik oprettet af en webdesigner i grafikredaktører (GIMP, Photoshop).

Hvis du vil indsætte grafik som hyperlinks til siderne på webstedet, bruges den samme syntaks, men i stedet for teksten bruges billedindsættelsespakken ifølge HTML-regler:

Til -taggen gælder attributterne til angivelse af alternativ tekst, bredde, højde og andre på samme måde.

Opkald fra webstedet

Standard html5 har udvidet funktionaliteten ved at bruge internettet, og nu kan du foretage opkald ikke kun fra telefonen, men direkte fra webstedet. Til dette formål kan du også bruge hyperlinks i HTML-dokumentet, og de har denne syntaks:

... abonnent ...

I stedet for ordet "abonnent" er en kontakt klar til opkalderen, som i telefonbogen. Du kan også placere en grafisk fil (et billede af abonnenten).

For at foretage opkald fra webstedet behøver du ikke blot et link til abonnentens telefonnummer, men også et headset (mikrofon, hovedtelefoner), der er installeret på computerens VoIP-program, internethastigheden skal overstige 0,5 Mb / sek. Betaling for opkald udføres på bekostning af trafikken. Derfor, hvis internettet er ubegrænset, så er opkald gratis.

Etikken om at skabe hyperlinks

Ved at placere webstedet på internettet bør webmaster vide, hvilke typer hyperlinks der findes i HTML, og ikke kun korrekt, anvende dem professionelt, men også overholde følgende bestemmelser:

• Hyperlinket skal være tydeligt synligt, forskelligt fra den omgivende tekst. Brugeren skal vide, at dette er et hyperlink.
• Brugeren skal forstå, hvor han får ved at klikke på linket. For at gøre dette er det tilrådeligt at bruge titelattributten , som kortfattet beskriver overgangssiden. Syntaxen til at anvende en attribut er:

title = privatlivets internetportal Yandex

• Brugeren skal modtage ægte information om den fil, der skal downloades, når man klikker på linket.

Efter at have faldet ikke på den forventede side eller downloadet den forkerte fil, forlader brugeren i 99% af sagerne straks stedet og i fremtiden vil det aldrig komme.

Anti-Seo, når du opretter hyperlinks

Ud over den tekniske side af spørgsmålet om, hvordan man indsætter et hyperlink i HTML, bør man også fremhæve det moralske aspekt. Der er mange websteder, adgang til hvilke brugere blokeres af sikkerhedsprogrammer (antivirus) eller endda staten. Dette er de websteder, der blev oprettet af de urene webudviklere.

Et af de tricks, som de udvej er, er indsættelsen af "usynlige" hyperlinks til en webside. Svindlere ved, hvordan man opretter et hyperlink i HTML, og bruger attributterne til at fjerne underskæringen af linket og tildele det farven på den omgivende tekst, så den gennemsnitlige bruger ikke kan se den. Og ved hjælp af andre webteknologiredskaber (CSS, JavaScript, PHP) kan du programmere deres adfærd. For eksempel aktiverer JavaScript OnMouseOver-hændelsen aktiviteten af websideelementet. Når en bruger flytter markøren over et usynligt link, rammer det annoncens side på et andet websted. Eller endnu værre, når der er et usynligt link til filen, og på hans computer begynder at downloade og installere unødvendig software. Normalt er det vira, der ændrer browsers startside, rod en harddisk med mange programmer og ting.

Snart falder sådanne websteder i den "sorte liste" af virusdatabaser, sikkerhedssystemer og blandt internetbrugerne selv. Sådanne steder lever ikke længe, og de er nødt til at ændre deres navne, uendeligt migrere via internettet, ændre værtsleverandører. Dette fremmer ikke fremme af webstedet, som altid søges af dets skaber, vil aldrig gøre det til en megaportal, som for eksempel sociale netværk. Blandt andet giver sådanne tricks en masse negative følelser hos mennesker, der er ramt af disse handlinger.