Hur infogar man en hyperlänk i HTML? Skapa och använda hyperlänkar i HTML

Hur infogar man en hyperlänk i HTML? Skapa och använda hyperlänkar i HTML
Hur infogar man en hyperlänk i HTML? Skapa och använda hyperlänkar i HTML
05.03.2022

Hypertext är text som innehåller länkar till annan text. Ett exempel är författarens anteckningar om komplexa definitioner eller översättarnas fotnoter längst ner på bokens sida, om den innehåller text på ett främmande språk. Webbplatser är ett komplext system av hypertextövergångar från en sida till en annan, inom själva sidan, såväl som mellan resurser som inte är relaterade till ett enskilt ämne. Denna struktur är praktisk, sparar mycket tid, gör att besökaren snabbt kan hitta nödvändig information och inte gå vilse i ett stort antal övergångar.

Infoga en hyperlänk

I HTML används en deskriptor (tagg) för att infoga en hyperlänk. , som är insatt på rätt ställe. Vanligtvis placeras den bland texten, eftersom hyperlänken i sig är en textstruktur. Men länkar är också grafiska (ikoner, knappar, bilder); de kommer att diskuteras vidare. Deras plats på en webbsida är inte begränsad till text, utan beror på designbeslutet av webbplatsskaparen.

google startsida

Detta är ett exempel på hur man infogar en hyperlänk i ett HTML-dokument, vilket görs med hjälp av taggen . Webbplatsbesökaren kommer att se understruken text, som skiljer sig från färgen på den omgivande texten (färgen på HTML-länken kan vara vilken som helst), "Googles startsida", genom att klicka på som tar honom till huvudsidan för Googles sökmotor. Det bör noteras att hyperlänkens text måste innehålla information om var övergången kommer att göras. Denna princip bör följas och accepteras som regel!

Taggstruktur ...

Du kan se att taggen - dubbel: sluttagg krävs.

href-attribut taggen, anger syftet med länken.

https://google.com/- attributvärde A som innehåller webbadressen till resursen att navigera till. Den är omgiven av dubbla eller enkla citattecken. Det beror på taggens kapslingsstruktur enligt reglerna för HTML.

google startsida

hela denna struktur kallas element webbdokument.

Enligt reglerna för HTML kan vissa element innehålla andra element. Märka inte ett undantag. Om en programmerare behöver markera ordet Google i fet stil, görs detta med hjälp av en tagg enligt de allmänna reglerna för textformatering, och observerar sekvensen av taggkapsling. Webbmastern måste veta hur man skapar en hyperlänk i HTML utan fel, annars fungerar de inte. Trasiga länkar kallas "trasiga" länkar i datorslang.

huvudsida Google

Här: element

huvudsida Google

innehåller ett kapslat element

Google

Absoluta hyperlänkar

protokoll://domännamn/filsökväg

Ett exempel på adressen till en sökmotor som är vanlig i Amerika: https://aol.com - absolut, eftersom den innehåller domännamnet.com.

Absoluta hyperlänkar används för att gå till sidor på andra webbplatser eller för att komma åt resurser som finns på en annan server. Övergången görs med hjälp av Internetprotokoll. Protokoll är inte ämnet för den här artikeln, men eftersom de är involverade i skapandet av hyperlänkar är det nödvändigt att åtminstone kortfattat nämna dem:

Det finns flera fler protokoll för speciella ändamål (gopher, telnet), som är ganska sällsynta, vars användning kräver speciella kunskaper i programmering eller systemadministration.

Relativa hyperlänkar

Med relativ adressering tjänar användningen av hyperlänkar i HTML till att navigera inom resursen och leder inte bortom den. Om sidan är så stor att en vertikal rullningslist fungerar, ibland väldigt lång, som till exempel i ordböcker, så är det väldigt bekvämt och lämpligt att använda relativa länkar för att snabbt hoppa till önskad bokstav.

När du skapar en internetordbok placerar programmeraren alfabetet i början av sidan, och om det inte vore för att använda länkar, skulle användaren behöva rulla mushjulet väldigt länge för att komma till bokstaven "Jag ”.

Gå till bokstaven I

Var ja kallad ankare, A Gå till bokstaven I- ankardestination. För korrekt visning av ankare rekommenderas användning av latinska bokstäver och siffror, så du bör inte skriva "jag", även om det skulle vara tydligare så.

Nu, för att gå över från alfabetet i början av sidan till bokstaven "I", måste du förankra ankaret på HTML-dokumentets plats där ord börjar med bokstaven "I":

bokstav I

det finns ett pundtecken före ankaret, utan vilket övergången till bokstaven inte kommer att fungera.

Relativ adressering när du skapar en webbplats

Den mest bekväma och mest allmänt accepterade algoritmen för att skapa en webbplats av en programmerare:

Du kommer definitivt att behöva använda länkar för att länka mellan delar av webbplatsen, och det kommer att vara mycket praktiskt att veta hur man infogar en hyperlänk i HTML till en annan sida på samma webbplats. Om webbplatsfilerna finns i samma katalog, på samma server, behöver du inte använda absolut adressering. När webbplatsfilerna överförs till värddatorn kommer kopplingen mellan objekten att bevaras, eftersom de också kommer att placeras i samma katalog på webbhotellet.

Låt oss säga att en programmerare har skapat index.html-webbplatsens huvudsida, som har en länk till en annan sida, page2.html, prydd med en img.png-bild. Då kommer den relativa vägen till denna bild att se ut så här:

bild

Tips: När du lär dig det här ämnet är det bäst att använda en enkel textredigerare, eftersom du måste ha en förmåga att skriva hoppadresser korrekt och lära dig att förstå andras kod. I detta skede kommer en skriven hyperlänk i ett anteckningsblock att vara ett bra resultat utan fel,HTML förlåter dem inte och ger fel.

Sätt att följa hyperlänkar

Som standard öppnas en ny sida i det aktuella webbläsarfönstret när användaren klickar på en hyperlänk. Men en webbprogrammerare kan ändra standardvärdet och tvinga sidan att öppnas, till exempel i ett nytt fönster. Det finns ett attribut för detta. mål med en specifik betydelse. Detta kan bäst uttryckas i en tabell.

Syntax för att tillämpa ett attribut mål:

google hemsida

Googles startsida öppnas i ett nytt fönster.

Obs: för att öppna sidor i en ny flik, det finns inga värden för detta attribut, utan ställs in av användaren i webbläsarinställningarna.

Hyperlänkfärg

En erfaren internetanvändare borde med tiden ha märkt att hyperlänkar skiljer sig i färg från den omgivande texten, och de är oftast blå. Länkar som han följde och sedan återvände till föregående sida blir lila. Användningen av hyperlänkar i HTML i icke-standardiserade färger är lite, men det gör att webbplatsen sticker ut från resten.

Ställ in färgerna på länkarna i taggen med hjälp av attribut och deras värden, där HTML-färgen visas i rgb-systemet (#00FF00) eller med en direkt indikation på färgnamnet ("grön"). Det finns tre typer av attribut för länkar:

Markeringsexempel:

Om du använder dessa attribut i en tagg , länkar i det webbdokumentet kommer att vara mörkblå, besökta länkar kommer att vara lila och aktiva länkar kommer att vara orangeröda.

Grafiska hyperlänkar

Framstegen och utvecklingen av webbdesign kräver att veta hur man infogar en hyperlänk i HTML som en bild. Det är tydligt att bilden måste matcha innehållet på målsidan. Till exempel kan huvudsidan för en webbplats om medicinalväxter presenteras i form av fotografier av växter, genom att klicka på vilka användaren kommer att omdirigeras till en sida som beskriver växtens medicinska egenskaper.

En mycket använd metod är att ersätta statiska knappar ( ) till vacker grafik skapad av en webbdesigner i grafikredigerare (GIMP, Photoshop).

För att infoga grafik som hyperlänkar till webbplatssidor används samma syntax, men istället för text används en bildinfogningstagg enligt HTML-regler:

Attributen för att ange alternativ text, bredd, höjd och andra tillämpas på samma sätt.

Samtal från sajten

HTML5-standarden har utökat funktionaliteten för att använda Internet, och nu kan du ringa samtal inte bara från din telefon utan direkt från webbplatsen. Du kan också använda hyperlänkar i ett HTML-dokument för detta ändamål, och de har denna syntax:

...abonnent...

Istället för ordet "abonnent" föreskrivs en kontakt som är begriplig för den som ringer, som i telefonboken. Du kan också placera en grafisk fil (prenumerantens foto).

För att samtal ska kunna ringas från webbplatsen är det nödvändigt att inte bara ha en länk till abonnentens telefonnummer, utan också ett headset (mikrofon, hörlurar) installerat på datorn. VoIP-programmet måste internethastigheten överstiga 0,5 Mb / s. Betalning för samtal sker efter trafikförbrukning. Därför, om internet är obegränsat, är samtal gratis.

Etik kring hyperlänkar

När du placerar en webbplats på Internet måste den webbansvariga veta vilka typer av hyperlänkar som finns i HTML, och inte bara korrekt och professionellt tillämpa dem, utan också följa följande bestämmelser:

  • Hyperlänken ska vara tydligt synlig, annorlunda än den omgivande texten. Användaren måste veta att detta är en hyperlänk.
  • Det ska vara tydligt för användaren vart han ska gå genom att klicka på länken. För att göra detta är det lämpligt att använda ett annat attribut titel, som kortfattat beskriver övergångssidan. Syntaxen för att tillämpa ett attribut är:

Yandex

  • Användaren måste få sanningsenlig information om filen som kommer att laddas ner när han klickar på länken.

Efter att ha kommit till fel sida eller laddat ner fel fil, kommer användaren i 99% av fallen omedelbart att lämna webbplatsen och kommer aldrig att besöka den i framtiden.

Anti-Seo när du skapar hyperlänkar

Förutom den tekniska sidan av frågan om hur man infogar en hyperlänk i HTML, bör även den moraliska aspekten lyftas fram. Det finns många webbplatser som användare blockeras från att komma åt av säkerhetsprogram (antivirus) eller till och med av staten. Det här är de webbplatser som skapades av oärliga webbprogrammerare.

Ett av knepen de tar till är att infoga "osynliga" hyperlänkar på webbsidan. Bedragare vet hur man skapar en hyperlänk i HTML och använder attribut för att ta bort understrykningen av länken och tilldela färgen på den omgivande texten till den så att den genomsnittliga användaren inte ser den. Och med hjälp av andra webbteknologiska verktyg (CSS, JavaScript, PHP) kan du programmera deras beteende. Till exempel aktiverar JavaScript OnMouseOver-händelsen en åtgärd på ett webbsideselement. När en användare sveper över en osynlig länk förs de till en annonssida på en annan webbplats. Eller ännu värre, när det finns en osynlig länk till filen och onödig programvara börjar laddas ner och installeras på hans dator. Vanligtvis är dessa virus som ändrar webbläsarens hemsida, fyller hårddisken med en massa program och så vidare.

Snart kommer sådana webbplatser att svartlistas av virusdatabaser, säkerhetssystem och bland internetanvändarna själva. Sådana sajter varar inte länge, och de måste byta namn, migrera oändligt över Internet, byta värdleverantör. Detta bidrar inte till marknadsföringen av webbplatsen, som dess skapare alltid strävar efter, det kommer aldrig att göra den till en megaportal, som till exempel sociala nätverk. Bland annat orsakar sådana knep många negativa känslor hos människor som påverkas av dessa handlingar.