Introducere în linkul text HTML
O legătură HTML poate fi o legătură sau un hyperlink. Acesta este folosit pentru a redirecționa către o altă pagină, imagine, site-uri web, poate fi orice. De asemenea, obișnuiau să navigheze pe aceeași pagină pentru secțiunea particulară. Ei obișnuiau să redea date, să se documenteze doar făcând clic pe ele. Pur și simplu înfășurăm documentul, imaginile, adresa URL sau datele din text. Se poate indica, de asemenea, către un fișier, obiect sau orice din aceeași pagină sau pe pagina diferită depinde de cerință. Când plasați mouse-ul peste legătura HTML, acesta schimbă cursorul la o pictogramă diferită. Putem discuta modul în care funcționează și cum să le creăm în secțiunea următoare a articolului nostru. În acest subiect, vom afla despre Text Text Link.
Sintaxa pentru HTML Link
Putem urmări pentru a crea primul nostru HTML Link din următoarea sintaxă de mai jos. În sintaxa dată de mai jos, vom folosi o etichetă, atribute și proprietățile corespunzătoare ale acestora.
Link your corresponding text here
În sintaxa de mai sus, folosim eticheta ancoră pentru a crea o legătură html sau un hyperlink. Vom discuta în detaliu această etichetă de ancorare.
Eticheta ancoră este o etichetă prin care putem atașa sau lega textul, fraza sau cuvântul nostru pentru a crea o legătură externă sau internă. Folosind eticheta ancoră creăm URL în paginile noastre care pot fi utilizate pentru a naviga la orice altă pagină, site web sau în aceeași secțiune din pagină.
Folosind eticheta ancoră avem multe avantaje menționate mai jos.
- Organizare: Ne ajută să ne organizăm datele. Nu este necesar să realizăm mai multe pagini web, de asemenea, nu este necesar să ne împărțim datele în bucăți, pentru a putea gestiona cu ușurință datele noastre într-un singur loc.
- Fără defilare : folosind link-ul html sau putem spune legături interne html nu trebuie să ne facem griji cu privire la derularea pe paginile cu adevărat lungi, putem doar să faceți clic pe linkul respectiv pentru a găsi secțiunea dorită pe aceeași pagină. Astfel, este ușor să găsești orice date sau secțiuni pe pagină.
Cum se creează o etichetă de ancorare?
După cum puteți vedea în sintaxa de mai sus, am folosit atât de multe lucruri acolo, acum vom avea o privire mai atentă despre cum să creăm și cum funcționează.
Practic, este format din trei părți diferite (atribut):
- atribut href
- atributul țintă
- nume atribut
1. atribut href
Atributul Href înseamnă referință pentru hipertext. Să presupunem că dorim să creăm un hyperlink, astfel încât prima cerință este adresa de document care poate fi orice ca un alt site web, orice fișier precum PDF, etc.
So for example : Google
În acest http://www.google.com este valoarea pe care o atribuim atributului nostru href. Deci, de fiecare dată când facem clic pe Google, ne va redirecționa către linkul de pe pagina principală Google. Prin urmare, atributul href conține adresa documentului. Putem menționa, de asemenea, propriul nostru link HTML către href.
De exemplu
My page
2. atributul țintă
Atributul țintă definește modul în care se va deschide documentul. Are multe tipuri și le putem folosi în funcție de nevoile noastre.
- _parent: doar deschide documentul atașat în cadrul părinte.
- _blank: deschide documentul în noua filă sau fereastră.
- _top: Deschide documentul atașat în fereastra completă.
- _self: Deschide documentul în aceeași fereastră sau aceeași filă în care este dat clic. În mod implicit, această țintă este activată. Îl putem modifica ca mai jos:
Your Link text
Aici target = "_ blank" este sintaxa pentru utilizarea acesteia.
3. atribut de nume
Atributul nume este folosit pentru a sari sau a naviga la un anumit punct al paginii, acest lucru poate fi util atunci când avem o pagină mare VRU cu atât de mult conținut. Acest lucru ajută la economisirea găsirii și a timpului utilizatorului fără a derula. Sintaxa de mai jos:
or
În acest e, trebuie doar să faceți clic pentru a merge la sfârșitul paginii fără a derula în jos.
Section
Acest browser va identifica secțiunea, dar trebuie să folosim (#) cu atributul nume.
Link your text
Prin aceasta, ne putem referi la „titlul” unei alte pagini pe plan intern. Tot aici (#) trebuie utilizat la sfârșitul adresei paginii.
Culorile link-ului HTML
De asemenea, putem oferi culori link-ului nostru html. În mod implicit, au trei stări pentru culoarea linkului, aceasta va apărea în toate browserele.
- Link activ: când facem clic pe orice link devine un link activ cu o culoare subliniată și roșie.
- Legături nevizitate: Culoarea implicită a browserului standard pentru linkurile nevizitate sunt albastre și subliniate.
- Link-uri vizitate: Acestea sunt violet și subliniate.
Dar putem oferi, de asemenea, culorile noastre personalizate pentru a face legătura folosind sub sintaxa. Putem urma acest tip diferit pentru a oferi culoare link-ului nostru. Dar folosim CSS inline aici, dacă doriți, puteți crea și CSS externe.
- Furnizați direct numele culorii.
- Prin utilizarea codului color HEX.
- Prin utilizarea valorilor rgb () și rgba ().
- Prin utilizarea valorilor hsl și hsla ().
Red Link
În acest sens, putem specifica direct numele culorii în atributul stilului. Acesta este un CSS inline.
Red color code
Aici specificăm culoarea folosind coduri de culori. (Coduri color HEX)
Red color
De asemenea, putem folosi valori RGB () pentru a specifica culoarea pentru linkurile noastre. Putem controla opacitatea culorii folosind rgb ().
Red color
Putem înlocui rbg () cu rgba (), dar trebuie să specificăm a patra valoare pentru transparență și opace.
Red color
De asemenea, putem folosi HSL t color link-ul nostru. HSL înseamnă practic nuanță, saturație și ușurință. De asemenea, putem folosi HSLA pentru specificarea culorii, dar trebuie să oferim încă un parametru în hsla ().
Concluzie - HTML Text Link
Așadar, în Sortare, folosim eticheta ancoră și atributele sale pentru a crea hyperlinkul sau legătura în HTML. HREF conține adresa documentului, ținta care este responsabilă pentru gestionarea documentului. De asemenea, ne putem colora legătura folosind CSS inline sau externe.
Articole recomandate
Acesta este un ghid pentru HTML Text Link. Aici vom discuta despre Cum se creează o etichetă de ancorare cu culorile HTML Link și Sintaxa pentru HTML Link. De asemenea, puteți arunca o privire la următoarele articole pentru a afla mai multe -
- Editori de text HTML
- Link de imagine în HTML
- Controale de formulare HTML
- Versiuni de HTML
- Rame HTML
- Blocuri HTML
- Setați o culoare de fundal în HTML cu Exemplu