Uvod v besedilno povezavo HTML
Povezava HTML je lahko povezava ali hiperveza. To se uporablja za preusmeritev na drugo stran, sliko, spletna mesta, lahko je karkoli. Po določenem razdelku so uporabljali tudi navigacijo na isti strani. Podatke so uporabljali za upodabljanje in dokumentiranje le s klikom. Dokument, slike, URL ali podatke v notranjost besedila samo ovijemo. Prav tako lahko kaže na datoteko, predmet ali karkoli na isti strani ali na drugi strani, odvisno od zahteve. Ko miško pokažemo nad povezavo HTML, kurzor spremeni v neko drugo ikono. O tem, kako delujejo in kako jih lahko ustvarite, lahko razpravljamo v naslednjem razdelku našega članka. V tej temi bomo spoznali HTML Text Link.
Sintaksa za povezavo HTML
Sledi lahko, da ustvarite prvo prvo povezavo HTML iz spodnje sintakse. V spodnji sintaksi bomo uporabili drugo oznako, atribute in njihove ustrezne lastnosti.
Link your corresponding text here
V zgornji sintaksi uporabljamo sidrno oznako za ustvarjanje html povezave ali hiperpovezave. Podrobno bomo obravnavali to sidrno oznako.
Sidrna oznaka je oznaka, prek katere lahko pritrdimo ali povežemo svoje besedilo, besedno zvezo ali besedo, da ustvarimo zunanjo ali notranjo povezavo. Z uporabo sidrne oznake ustvarimo URL na naših straneh, ki jih lahko uporabimo za navigacijo do katere koli druge strani, spletnega mesta ali znotraj istega odseka na strani.
Z uporabo sidrne oznake imamo številne prednosti, ki so navedene spodaj.
- Uredi: Pomaga pri urejanju naših podatkov. Ni nam treba narediti več spletnih strani, prav tako nam ni treba razdeliti svojih podatkov na koščke za namene upravljanja, lahko preprosto organiziramo svoje podatke samo na enem mestu.
- Brez drsenja: Z uporabo html povezave ali lahko rečemo html notranje povezave nam ni treba skrbeti za drsenje na res dolgih straneh, lahko le kliknemo na to povezavo, da na isti strani najdemo želeni razdelek. Tako je enostavno najti katere koli podatke ali odsek na strani.
Kako ustvariti sidrno oznako?
Kot lahko vidite v zgornji skladnji, smo tam uporabili toliko stvari, zato si bomo podrobneje ogledali, kako ustvariti in kako deluje.
V osnovi je sestavljen iz treh različnih delov (atribut):
- atribut href
- ciljni atribut
- atribut imena
1. atribut href
Atribut Href pomeni hipertekst referenca. Recimo, da želimo ustvariti hiperpovezavo, zato je prva zahteva naslov dokumenta, ki je lahko podoben drugemu spletnemu mestu, kateri koli datoteki, kot je PDF itd.
So for example : Google
V tem http://www.google.com je vrednost, ki jo dodelimo atributu href. Torej, kadar kliknemo Google, nas bo preusmerila na povezavo do domače strani google. Zato atribut href vsebuje naslov dokumenta. Omenimo lahko tudi našo lastno HTML povezavo do href.
Na primer
My page
2. ciljni atribut
Ciljni atribut določa, kako se bo dokument odprl. Ima veliko vrst in jih lahko uporabljamo glede na naše potrebe.
- _parent: Samo odpre priloženi dokument v nadrejeni okvir.
- _blank: Dokument odpre v novi zavihek ali okno.
- _top: Odprti dokument se odpre v celotnem oknu.
- _self: odpre dokument v istem oknu ali istem zavihku, na katerem je kliknjen. Privzeti cilj je omogočen. Lahko ga spremenimo kot spodaj:
Your Link text
Tu je target = "_ blank" sintaksa za njegovo uporabo.
3. atribut imena
Atribut imena se uporablja za skok ali pomikanje do neke točke na strani, kar je lahko koristno, če imamo veliko stran VRU s toliko vsebine. To pomaga prihraniti iskanje uporabnikov in čas brez drsenja. Sintaksa spodaj:
or
V tem e preprosto kliknite, da se premaknete na konec strani, ne da bi se pomaknili navzdol.
Section
Ta brskalnik bo določil odsek, vendar moramo uporabiti (#) atribut name.
Link your text
S tem se lahko interno sklicujemo na "naslov" neke druge strani. Tudi tukaj (#) je treba uporabiti na koncu naslova strani.
Barve povezave HTML
Prav tako lahko barve na naši html povezavi. Privzeto imajo tri stanja za barvo povezave, kar se bo prikazalo v vseh brskalnikih.
- Aktivna povezava: Ko kliknemo katerokoli povezavo, postane aktivna povezava s podčrtano in rdečo barvo.
- Neobiskane povezave: Standardna privzeta barva brskalnika za neobiskane povezave je modra in podčrtana.
- Obiskane povezave: To so vijolične in podčrtane.
Kljub temu pa lahko damo tudi svoje barve po meri za povezavo s spodnjo skladnjo. Lahko sledimo tej različni vrsti, da bi zagotovili barvo naši povezavi. Ampak tukaj uporabljamo inline CSS, če želite, lahko ustvarite tudi zunanji CSS.
- Neposredno navedite ime barve.
- Z uporabo barvne kode HEX.
- Z uporabo vrednosti rgb () in rgba ().
- Z uporabo vrednosti hsl in hsla ().
Red Link
Pri tem lahko neposredno določimo ime barve v atributu slog. To je vgrajeni CSS.
Red color code
Tukaj določimo barvo z uporabo barvnih kod. (HEX barvne kode)
Red color
Za določitev barve za naše povezave lahko uporabimo tudi vrednosti RGB (). Neprozornost barve lahko nadzorujemo z uporabo rgb ().
Red color
Rbg () lahko nadomestimo z rgba (), vendar moramo za preglednost in neprozornost določiti četrto vrednost.
Red color
Za povezavo lahko uporabimo tudi barvo HSL t. HSL v bistvu pomeni odtenek, nasičenost in lahkotnost. Lahko uporabimo tudi HSLA določitve barve, vendar moramo v hsla () navesti še en parameter.
Zaključek - HTML Text Link
Torej v razvrščanju uporabljamo oznako sidra in njegove atribute za ustvarjanje hiperpovezave ali povezave v HTML. HREF vsebuje naslov dokumenta, cilj, ki je odgovoren za ravnanje z dokumentom. Povezavo lahko obarvamo tudi z vgrajenim ali zunanjim CSS.
Priporočeni članki
To je vodnik za povezavo z besedilom HTML. Tukaj razpravljamo o tem, kako ustvariti sidrno oznako z barvami HTML povezave in sintakso za povezavo HTML. Za več informacij si lahko ogledate tudi naslednje članke -
- HTML urejevalniki besedil
- Slikovna povezava v HTML
- Nadzor obrazcev HTML
- Različice HTML
- Okvirji HTML
- Bloki HTML
- Nastavite barvo ozadja v HTML s Primerom