Datorer, Programmering
Hur du infogar en hyperlänk i HTML? Skapa och använda hyperlänkar i en HTML
Hyper är en text som innehåller länkar till annan text. Exempel på detta är författarens anteckningar om komplexa definitioner eller översättnings fotnoter längst ned på sidorna i boken, om det visar sig text på ett främmande språk. Internetsidor är ett komplext system av hyper hoppar från en sida till en annan inom själva sidan, men också mellan obesläktade enkel tema resurser. En sådan struktur är praktiskt, sparar mycket tid, gör det möjligt för besökaren att snabbt hitta den information du behöver, och inte att gå vilse i ett stort antal övergångar.
Infoga länk
I HTML för att infoga hyperlänkar som använder deskriptor (tag) , som är insatt på rätt plats. Vanligtvis är det en bland texten som en hyperlänk i sig är en textstruktur. Men länkarna är mer grafik (ikoner, knappar, bilder); av dessa kommer att diskuteras ytterligare. Deras plats på en webbsida är inte begränsat till text, utan beror på beslutet designen aren webbplats.
Detta är ett exempel på hur man sätter en hyperlänk till HTML-dokument som bärs av tag. Besökarna kommer att få se understruken text som skiljer sig från färgen på den omgivande texten (färg HTML-länkar kan vara vad som helst), "Googles startsida", genom att klicka på det, han kommer att få hemsidan, "Google" sökmotor. Det bör noteras att texten i hyperlänken ska innehålla information om var övergången kommer att genomföras. Denna princip bör följas och tas som regel!
taggstrukturen ...
Du kanske märker att tag - Dubbel: Krävs stängning tag .
href - tagg-attribut anger destinationen för en länk.
https://google.com/ - attributvärde, bifoga URL-adress till en resurs som att göra övergången. Det är dubbla eller enkla citationstecken. Det beror på strukturen av häcknings tag i HTML-reglerna.
hela strukturen är ett element i ett webbdokument.
Enligt reglerna för HTML, kan vissa delar innehålla andra element. Tag inget undantag. Om programmeraren behöver för att markera i fetstil ordet Google gör du detta genom att använda taggen i enlighet med de allmänna bestämmelserna i textformatering i sekvensen av kapslade taggar. Webmaster bör veta hur man skapar en hyperlänk i ett HTML felfri, annars kommer de inte att fungera. Trasiga länkar till dator slang kallas "slagen".
Här: elementet
Den innehåller kapslade
Nu sidan en besökare ser hyperlänken i fetstil ordet "Google".
absoluta hyperlänkar
Hyperlänkar som använder de absoluta URL-adresserna till de webbplatser som innehåller domännamn (.ru, .com, .org, .gov ), kallas absolut, och har följande syntax:
Protokoll: // domännamn / sökvägen till filen
Exempel adress utbredd i Amerika sökmotor: https://aol.com - absolut, eftersom den innehåller domännamnet Com.
Absoluta hyperlänkar används för att navigera till sidorna av andra webbplatser eller att få tillgång till resurser som finns på en annan server. Övergången sker med hjälp av Internetprotokollet. Protokoll - det är inte ämnet för denna artikel, men eftersom de deltar i skapandet av hyperlänkar, måste du åtminstone kortfattat nämna dem:
- http och https - den vanligaste; för dem att växla mellan webbsidor olika platser;
- ftp - ett protokoll för att ladda upp filer till servern eller användar nedladdningar från platsen,
- mailto - postprotokoll som skickar e-post direkt från platsen, utan att gå till den personliga e-post.
Det finns några rapporter om speciella ändamål (Gopher, telnet), är ganska ovanligt, vars användning kräver speciella kunskaper i programmering eller systemadministration.
relativa hyperlänkar
Med relativ adressering, har användningen av hyperlänkar i HTML används för övergångar i livet och inte leda bortom det. Om sidan är så stor som körs vertikal rullningslist, ibland mycket lång, såsom i en ordbok, är det mycket bekvämt och lämpligt att använda relativa länkar för att hoppa till önskad bokstav.
Skapa online-lexikon, en programmerare i början av sidan har alfabetet, och om inte för användningen av länkar, skulle användaren har haft en mycket lång tid att vrida ratten på musen för att komma till bokstaven "I".
För att skapa en relativ länk med attributnamnet tag:
där ya kallade ankare, medan Tillbaka till bokstaven I - ankare destination. För korrekt visning av ankare är det rekommenderat att använda bokstäver och siffror, så att inte skriva "I", även om det skulle ha varit förståeligt.
Nu när övergången från alfabetet i början på sidan för att bokstaven "I", är det nödvändigt att göra ankaret peg i HTML-dokument, som börjar med bokstaven "I":
framför ankaret står nummertecken, utan vilken övergången till brevet inte kommer att fungera.
Relativ adressering när man bygger en webbplats
Bekväm och den vanligaste algoritm för att skapa en programvara webbplats:
- Skapa en mapp på datorn och dess läge på platsen för att underlätta för snabb åtkomst;
- skapa index.html i mappen på hemsidan;
- skapandet av sekundära webbsida (index.html / page2);
- Skapa en mapp och placera den i bildfiler;
- Skapa en mapp och placera den andra föremål (filer för nedladdning, till exempel);
- fyllning av webbplatsens innehåll;
- placera plats på hosting av filer.
Nödvändigtvis måste användas för kommunikationslänkar mellan de delar av området, och kommer att vara mycket bra att veta hur man ska sätta in en hyperlänk i HTML till en annan sida av samma plats. Om webbplatsen finns i samma katalog på samma server, finns det ingen anledning att använda absolut adressering. När du överför filerna till platsen värd för länken mellan objekt kvar, eftersom de är värd och kommer att placeras i samma katalog.
Antag att en programmerare har skapat en hemsida index.html webbplats som har en länk till en annan sida page2.html, dekorerad med en bild img.png. Då den relativa sökvägen till bilden kommer att se ut så här:
Tips: i studiet av detta ämne är bäst att använda en enkel textredigerare på grund av att det är nödvändigt att skaffa sig kunskaper i den korrekta stavningen av övergångsadresser och att lära sig att förstå någon annans kod. I detta skede kommer att bli ett bra resultat utan fel skrivna en hyperlänk i en anteckningsbok, inte HTML inte förlåta dem, och ger ett fel.
Metoder klickar på en hyperlänk
Som standard öppnar en ny sida i det aktuella webbläsarfönstret när en användare klickar på hyperlänken. Men en webb-programmerare kan ändra standard och tvinga öppna sidan, till exempel i ett nytt fönster. För detta ändamål finns ett mål attribut med ett visst sitt värde. Ingenstans är det möjligt att uttrycka tabellen.
| _blank | öppnar sidan i ett nytt fönster |
| _self | öppnar sidan i det aktuella fönstret (standardinställning) |
| _parent | öppnar sidan i den överordnade ramen |
| _top | använda ramar avbryta dem alla och öppnar sidan i det aktuella webbläsarfönstret |
Syntaxen för att tillämpa attribut mål:
Home "Google" kommer att öppnas i ett nytt fönster.
Obs: för att öppna sidan i en ny flik, det finns inget värde för detta attribut, och ställs in av användaren i webbläsarens inställningar.
Färgen på hyperlänkar
En erfaren Internetanvändare över tiden, borde 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 passerade, och gick sedan tillbaka till föregående sida, är lila. Med hjälp av hyperlänkar i HTML i icke-standardfärger lite, men allokerar plats bland annat.
Anger färgen på länkar i
taggen med hjälp av attribut och deras värden, som serverar HTML färg i RGB-systemet (# 00FF00) eller med en direkt indikation på namnet på färgen ( «grön»). Det finns tre typer av attribut för länkar:- link - definierar färgen på obesökta länkar;
- vlink - anger färgen på länkarna som användaren redan har passerat;
- alink - anger färgen på länken vid växling till en annan sida. Den är snabb, så du kan inte alltid fånga denna effekt.
märkning Exempel:
Om du använder dessa attribut i taggen
, kommer hänvisning till webbdokument vara mörkblå, den besökta - lila och aktiv - orange-rött.grafiska hyperlänkar
Framsteg och webbdesign utveckling kräver att veta hur man sätter en hyperlänk i HTML som en bild. Det är tydligt att bilden måste motsvara innehållet i destinationssidan. Till exempel kan huvudsidan av medicinalväxter presenteras i form av bilder av växter, klicka på vilken användaren kommer att gå till en sida som beskriver medicinska egenskaper av växter.
Allmänt använda sätt att ersätta statiska knappar () vid de vackra grafik som skapats av en webbdesigner i grafisk editor (GIMP, Photoshop).
Om du vill infoga en bild som hyperlänkar på sidorna på webbplatsen använder samma syntax, men istället för text med en bildtagg genom att sätta regler HTML:
Vid taggen på samma sätt gällande attribut anger en alternativ text, bredd, höjd och andra.
Samtal från hemsidan
HTML5-standarden har utökat funktionaliteten av användningen av Internet, och nu kan du ringa inte bara från telefonen, men direkt från platsen. För detta ändamål kan du också använda hyperlänkar i ett HTML-dokument, och de har följande syntax:
I stället för ordet "parti" är föreskrivet intuitiv ringer kontakt i telefonboken. Du kan också placera en bildfil (user photo).
Att samtal gjordes till platsen, måste du ha inte bara en hänvisning till abonnentens telefonnummer, men även ett headset (mikrofon, hörlurar) installerat på din dator VoIP-program bör Internet hastighet överstiga 0,5 MB / sek. Betalning för samtal gjorda trafikflödet. Därför, om Internet är obegränsad, samtalen är gratis.
Etik skapa hyperlänkar
Genom att placera webbplats på Internet, bör webmaster veta vilka typer finns hyperlänkar i HTML, och inte bara rätten att använda dem professionellt, men även hålla sig till följande bestämmelser:
- Den hyperlänk måste vara väl synliga, som skiljer sig från det omgivande text. Användaren måste veta att det är - en hyperlänk.
- Användaren ska vara klar, där han kommer att få genom att klicka på länken. För att göra detta, är det lämpligt att använda mer attribut titel som kortfattat beskriver omvandlingssidan. Syntax för ansökan attribut är:
- Användaren måste få korrekt information om filen hämtas när du klickar på länken.
En gång är inte den förväntade sida eller genom att ladda ner fel fil, kan användaren 99% av omedelbart lämna platsen och aldrig på det inte gå ner i framtiden.
Anti-Seo att skapa hyperlänkar
Förutom den tekniska sidan av frågan om hur man sätter en hyperlänk i HTML, bör lyftas fram mer och moralisk aspekt. Det finns många hemsidor till vilka tillträde är blockerad användare till säkerhetsprogram (Antivirus), eller till och med staten. Dessa är de webbplatser som har skapats på den orena webbprogrammerare hand.
En av de knep som de resort - är att sätta in "osynliga" hyperlänk på en webbsida. Scammers vet hur man skapar en hyperlänk i HTML, och använda streck attribut för att ta bort länkar och tilldela den färgen på den omgivande texten så att den genomsnittlige användaren inte ser henne. Och med hjälp av andra webbteknologier verktyg (CSS, JavaScript, PHP) kan programmeras sitt beteende. Till exempel onMouseOver JavaScript händelsen aktiverar effekten av webbsidan element. När användaren håller markören till en osynlig länk, får han på annonssidor på andra platser. Eller ännu värre, när det finns en osynlig länk till en fil på sin dator och börjar laddas ner och installeras onödiga program. Normalt ett virus som förändrade webbläsare hemsida, strö hårddisken och andra mass program.
Snart sådana webbplatser falla i den "svarta listan" av virusdatabasen, säkerhet och miljö av Internet-användare. Sådana platser inte länge, och de måste ändra sina namn att migrera oändligt på Internet, ändra värdleverantör. Detta bidrar inte till att främja en webbplats som alltid strävar efter dess skapare, aldrig göra det megaportals, såsom till exempel sociala nätverk. Bland annat dessa trick orsaka många negativa känslor i offren för dessa mänskliga handlingar.
Similar articles
Trending Now