Datamaskiner, Programmering
Hvordan du setter inn en hyperkobling i HTML? Opprette og bruke hyperkoblinger i en HTML
Hypertext er en tekst som inneholder lenker til annen tekst. Eksempler er forfatterens notater på komplekse definisjoner eller oversettings fotnoter nederst på sidene av boken, hvis det er funnet tekst på et fremmed språk. Nettsteder er et komplekst system av hyper hopper fra en side til en annen på selve siden, men også mellom urelaterte enkelttema ressurser. En slik struktur er praktisk, sparer mye tid, gjør at besøkende til raskt å finne informasjonen du trenger, og ikke å gå seg vill i et stort antall overganger.
Sett inn link
I HTML for å sette inn hyperlenker ved hjelp av deskriptor (tag) , som er satt inn på riktig sted. Vanligvis er det en blant teksten som en hyperkobling i seg selv er en tekststruktur. Men linkene er mer grafikk (ikoner, knapper, bilder); av dem vil bli nærmere omtalt. Deres plassering på en nettside er ikke begrenset til teksten, men er avhengig av utformingen beslutningstaker nettstedet.
Dette er et eksempel på hvordan du setter inn en hyperkobling til HTML-dokument som er gjennomført av tag. Besøkende vil se streket tekst som er forskjellig fra fargen på omkringliggende teksten (farge HTML-koblinger kan være hva som helst), "Googles hjemmeside", ved å klikke på det, han vil komme til hjemmesiden, "Google" søkemotor. Det bør bemerkes at teksten i hyperkoblingen skal inneholde informasjon om hvor overgangen skal gjennomføres. Dette prinsippet skal følges, og tas som regel!
kodestrukturen ...
Du kan merke at tag - Dobler: påbudt å lukke tag betaler.
href - tag attributtet angir målet for en kobling.
https://google.com/ - attributtverdi, legge inn URL-adressen til en ressurs på å gjøre overgangen. Det er doble eller enkle anførselstegn. Det avhenger av strukturen av hekkende tag av HTML-reglene.
hele strukturen er et element av en web-dokument.
Etter reglene i HTML, kan noen elementer inneholde andre elementer. Tag intet unntak. Hvis programmereren trenger å markere i fet ordet Google, gjør du dette ved å bruke tag i henhold til de generelle reglene for tekstformatering i sekvensen av nestede koder. Webmaster bør vite hvordan du oppretter en hyperkobling i en HTML feilfritt, ellers vil de ikke fungere. Ødelagte koblinger til datamaskin slang kalt "slått".
Her: elementet
Den inneholder nestet
Nå siden en besøkende ser hyperkoblingen i fet skrift ordet "Google".
absolutte hyperkoblinger
Hyperkoblinger som bruker de absolutte URL-adresser til nettsteder som inneholder domenenavn (.ru, .com, .org, .gov ), kalt absolutt, og har følgende syntaks:
Protokoll: // domenenavn / banen til filen
Eksempel adresse utbredt i Amerika søkemotor: https://aol.com - absolutt, siden den inneholder domenenavnet .no.
Absolutte hyperkoblinger brukes til å navigere til sidene av andre nettsteder, eller for å få tilgang til ressurser som ligger på en annen server. Overgangen utføres ved hjelp av Internet-protokollen. Protokoller - dette er ikke tema for denne artikkelen, men som de deltar i etableringen av hyperkoblinger, må du i det minste kort nevne dem:
- http og https - den vanligste; for dem å bytte mellom nettsidene til forskjellige steder;
- ftp - en protokoll for opplasting av filer til serveren eller brukeren laster ned fra nettstedet;
- mailto - postprotokollen som sender e-post direkte fra nettstedet, uten å gå til personlige e-post.
Det er noen rapporter om spesielle formål (gopher, telnet), er ganske sjeldne, bruk av som krever spesiell kunnskap i programmering eller systemadministrasjon.
relative hyperkoblinger
Med relativ adressering, har bruk av hyperkoblinger i HTML benyttes for overganger i livet, og ikke fører utover det. Hvis siden er så stor som går loddrett rulle, noen ganger veldig lang, for eksempel i en ordbok, er det veldig praktisk og hensiktsmessig å bruke relative lenker for å gå til ønsket bokstav.
Opprette online ordbok, en programmerer ved begynnelsen av siden har alfabetet, og hvis ikke for bruk av linkene, må brukeren ha hatt en svært lang tid å snu hjulet på musen for å komme til bokstaven "I".
For å opprette en relativ kobling ved hjelp av attributtet navn tag:
hvor ya kalt anker, mens Tilbake til brevet jeg - anker destinasjon. For riktig visning av ankere er det anbefalt å bruke bokstaver og tall, så ikke skriv "jeg", selv om det ville ha vært forståelig.
Nå som overgangen fra alfabetet på begynnelsen av siden til bokstaven "I", er det nødvendig å gjøre ankeret pinne i HTML-dokumentet, som begynner med bokstaven "I":
foran ankeret står antall tegn, uten noe som overgangen til bokstaven ikke vil fungere.
Relativ adressering når du bygger et nettsted
Praktisk og den vanligste algoritmen for å lage en programvare område:
- Lag en mappe på datamaskinen, og beliggenheten på stedet for bekvemmeligheten av rask tilgang;
- skape index.html i mappen på hjemmesiden;
- etablering av sekundære nettside (indeks.html / side 2);
- Lag en mappe og plassere det i bildefilene;
- Lag en mappe og plassere den andre objekter (filer for nedlasting, for eksempel);
- fylling av innholdet på nettstedet;
- plassere nettstedet på hosting av filer.
Nødvendigvis må brukes for kommunikasjonsforbindelser mellom elementene i området, og vil være svært nyttig å vite hvordan du setter inn en hyperkobling i HTML til en annen side av det samme området. Hvis området ligge i samme katalog på samme server, er det ikke nødvendig å bruke absolutt adressering. Når du overfører filer til nettstedet hosting koblingen mellom objekter forbli, fordi de er vertskap og vil bli plassert i samme katalog.
Anta at en programmerer har laget en hjemmeside index.html side, som har en link til en annen side page2.html, dekorert med et bilde img.png. Da den relative banen til bildet vil se slik ut:
Tips: i studiet av dette emnet er best å bruke en enkel tekst editor for grunnen til at det er nødvendig å tilegne seg ferdigheter i riktig staving av overgangs adresser, og å lære å forstå andres kode. På dette stadiet vil være et godt resultat uten feil skrevet en hyperkobling i en notatbok, ikke HTML ikke tilgi dem, og gir en feil.
Metoder klikker en hyperkobling
Som standard åpner en ny side i gjeldende nettleservindu når en bruker klikker på hyperkoblingen. Men en web-programmerer kan endre standard og tvinge åpne siden, for eksempel i et nytt vindu. For dette formålet er det et mål attributt med en viss sin verdi. Ingen steder er det mulig å uttrykke bordet.
| _blank | åpner siden i et nytt nettleservindu |
| _self | åpner siden i det aktive vinduet (standardinnstilling) |
| _parent | åpner siden i den overordnede rammen |
| _top | bruke rammer avbryte dem alle, og åpner siden i gjeldende nettleservindu |
Syntaksen for å bruke attributter målet:
Home "Google" vil åpne i et nytt vindu.
Merk: For å åpne siden i en ny fane, er det ingen verdi for dette attributtet, og er satt av brukeren i nettleserinnstillingene.
Fargen på hyperkoblinger
En erfaren Internett-bruker over tid, burde ha lagt merke til at linkene er forskjellige i farge fra den omkringliggende teksten, og de er vanligvis blå. Lenker som han gikk, og deretter gikk tilbake til forrige side, er lilla. Bruke hyperkoblinger i HTML i ikke-standard farger litt, men tildeler nettstedet blant andre.
Setter farge på koblingene i
ved hjelp av de attributter og deres verdier, som tjener til HTML-farge i RGB-systemet (# 00FF00) eller med en direkte angivelse av navnet på fargen ( «grønn»). Det er tre typer attributter for linker:- link - definerer fargen på unvisited linker;
- vlink - angir fargen av koblingene som brukeren allerede har passert;
- alink - angir fargen på linken når du bytter til en annen side. Det er raskt, slik at du kan ikke alltid ta denne effekten.
merking Eksempel:
Hvis du bruker disse attributtene i tag
, vil referanse av nettet dokumentet være mørk blå, den har besøkt - lilla og aktiv - orange-rød.grafiske hyperkoblinger
Progress og webdesign utvikling krever å vite hvordan du setter inn en hyperkobling i HTML som et bilde. Det er klart at bildet må stemme overens med innholdet i destinasjonssiden. For eksempel kan hovedsiden medisinplanter bli presentert i form av bilder av planter, klikke på noe som brukeren vil gå til en side som beskriver de medisinske egenskapene til planter.
Utbredt måte å erstatte statiske knappene () på de vakre grafikk laget av en webdesigner i grafikk editor (GIMP, Photoshop).
For å sette inn et bilde som hyperkoblinger på sidene på nettstedet bruker samme syntaks, men i stedet for tekst ved hjelp av et bildekode ved å sette reglene i HTML:
Ved taggen på samme måte anvendbar attributtene angir en alternativ tekst, bredde, høyde og annet.
Anrop fra nettstedet
HTML5-standarden har utvidet funksjonaliteten til bruk av Internett, og nå kan du ringe ikke bare fra telefonen, men direkte fra nettstedet. For dette formålet, kan du også bruke hyperkoblinger i et HTML-dokument, og de har følgende syntaks:
I stedet for ordet "party" er foreskrevet intuitive innringer kontakt i telefonboken. Du kan også plassere en grafisk fil (bruker bilde).
At samtaler ble gjort til området, må du ha ikke bare en referanse til abonnentens telefonnummer, men også et hodesett (mikrofon, hodetelefoner) installert på datamaskinen VoIP-programmet, bør Internett-hastigheten overstige 0,5 MB / sek. Betaling for samtaler gjort trafikkflyt. Derfor, hvis internett er ubegrenset, samtalene er gratis.
Etikk opprette hyperkoblinger
Ved å plassere nettsted på Internett, bør webmaster vet hva slags det er hyperkoblinger i HTML, og ikke bare rett til å bruke dem profesjonelt, men også overholde følgende bestemmelser:
- Den hyper må være lett synlig, forskjellig fra det omkringliggende tekst. Brukeren må vite at det er - en hyperkobling.
- Brukeren bør være klart hvor han vil få ved å klikke på linken. For å gjøre dette, er det tilrådelig å bruke mer attributt tittel, som konsist beskriver konverteringssiden. Syntax av søknaden attributt er:
- Brukeren må få nøyaktig informasjon om filen lastes ned når du klikker på linken.
En gang er ikke forventet siden eller ved å laste ned feil fil, er brukeren 99% av umiddelbart forlate området og aldri på den ikke gå ned i fremtiden.
Anti-Seo for å opprette hyperkoblinger
I tillegg til den tekniske siden av spørsmålet om hvordan du setter inn en hyperkobling i HTML, skal være uthevet mer og moralsk aspekt. Det er mange nettsteder som tilgangen blokkert brukere til sikkerhetsprogramvare (Antivirus), eller til og med staten. Dette er områder som har blitt opprettet på den urene web-programmerere hånd.
Ett av triksene som de ty - er å sette inn "usynlig" hyperkobling på en webside. Svindlere vet hvordan du oppretter en hyperkobling i HTML, og bruke understrek attributt for å fjerne koblinger og tilordne den fargen på omkringliggende teksten slik at den gjennomsnittlige brukeren ikke se henne. Og med hjelp av andre verktøy webteknologier (CSS, Javascript, PHP) kan programmeres deres atferd. For eksempel aktiverer onmouseover Javascript tilfelle effekten av web sideelementer. Når brukeren holder markøren til en usynlig link, får han på reklame sider av andre nettsteder. Eller enda verre, når det er en usynlig lenke til en fil på datamaskinen sin og begynner å laste ned og installere unødvendige programvare. Vanligvis et virus som endret nettleser hjemmeside, søppel harddisken og andre masse programmer.
Snart slike områder falle inn i "svarteliste" av virus database, sikkerhet og miljø av Internett-brukere. Slike områder ikke vare lenge, og de har til å endre sitt navn til å migrere uendelige på Internett, endre vertsleverandøren. Dette er ikke bidrar til å fremme et nettsted, som alltid søker sin skaper, aldri gjøre det megaportals, slik som for eksempel sosiale nettverk. Blant annet disse triksene føre til mange negative følelser i ofre for disse menneskelige handlinger.
Similar articles
Trending Now