Top 11 etichete HTML pe care trebuie să le cunoască fiecare blogger și proprietar de site

Publicitate

Web-ul mondial cunoaște multe limbi și este codat în mai multe diferite. Cu toate acestea, un singur limbaj, care poate fi găsit peste tot și a existat de la inventarea paginilor web, este HyperText Markup Language, mai cunoscut sub numele de HTML. După cum sugerează și numele, HTML nu este o programare, ci un limbaj de marcare. Marcajele sunt interpretate de browsere pentru a vizualiza conținutul de pe site-uri. În forma sa cea mai simplă, HTML este folosit pentru formatarea textului, încorporarea fișierelor media și organizarea conținutului pe o pagină web. Cu alte cuvinte, HTML descrie pagini web și pe baza acestei descrieri, browserul creează o „imagine”.

Datorită constructorilor de site-uri gratuite, nimeni nu mai are nevoie să încurce cu codificarea HTML-ului. Cu toate acestea, cu ocazia, etichetele HTML pot veni la îndemână, de exemplu pentru a face schimbări rapide la un site web, adăugați hipertext într-un comentariu sau formați text pentru o postare pe forum. În acest articol vreau să vă arăt câteva etichete, eventual întâmplătoare, dar cu siguranță utile și simple pentru utilizarea zilnică.

Înainte de a începe, permiteți-mi să vă prezint câteva reguli de bază, care sper să faciliteze înțelegerea etichetelor HTML:

• HTML folosește etichete de marcare, care sunt incluse în paranteze de unghi, cum ar fi:
• Etichetele care arată ca cele din exemplul de mai sus se numesc etichete de pornire. Fiecare etichetă de început trebuie să fie urmată de o etichetă finală la un moment dat, cum ar fi aceasta:
• Unele etichete nu descriu conținut. Pentru a respecta standardele actuale, totuși, acestea trebuie să se termine. În consecință, ele unesc eticheta de început și de sfârșit, cum ar fi aceasta:
  

Formatarea textului

Etichetele HTML sunt de obicei simple. Etichetele pentru crearea unui text cu caractere aldine, italice sau subliniate provin din cuvântul respectiv.

Intrare:îndrăzneţ
Rezultat: îndrăzneț

Intrare:cursiv
ieşire:cursiv

Intrare:subliniate
ieşire:subliniate

Intrare:greva prin text
ieşire:greva prin text

Crearea hipertextului

Adresa URL simplă poate arăta destul de urât. Adăugarea hyperlinkului la un text, adică crearea unui hipertext, este mult mai elegantă și va economisi spațiu, mai ales dacă link-ul este foarte lung.

Intrare:A se folosi de
ieşire:A se folosi de

După cum puteți vedea această etichetă HTML este puțin mai complicată, așa că haideți să o analizăm în detaliu. Eticheta reală este iar elementele suplimentare sunt atribute care specifică caracteristici suplimentare. Atributul href = specifică legătura și title = definește simbolul mouse-over. Asigurați-vă că utilizați ghilimele pentru a include linkul și titlul, altfel s-ar putea să ajungeți la un link rupt.

Încorporarea de imagini

O imagine poate spune mai mult de o mie de cuvinte. Ar trebui să le folosim mai des. Și astfel puteți insera manual unul folosind HTML:

Intrare:
ieşire:

Să analizăm și această etichetă. Din nou, eticheta reală este iar atributele necesare sunt src = și alt =. Primul punctează locația imaginii, adică adresa URL, iar cea de-a doua oferă un text alternativ, care este afișat în cazul în care afișarea imaginilor este blocată sau legătura este ruptă. Din nou, folosiți ghilimele pentru a evita legăturile rupte.

eticheta este, de asemenea, un exemplu de etichetă care nu trebuie să fie „încheiată” și, prin urmare, se închide cu linia anterioară din eticheta inițială, adică Decat .

Pauze și paragrafe

Pentru a crea un text structurat, trebuie să utilizați pauze de linie și paragrafe. Și acestea sunt etichetele pe care trebuie să le știți:

Intrare:

ieşire: Această etichetă creează o pauză de linie. Rețineți că aceasta este o altă etichetă care unește eticheta start și final într-una.

Intrare:

Text în paragraful dvs.

ieşire: Spre deosebire de eticheta anterioară, eticheta de paragraf are o etichetă de început și sfârșit standard. Textul dintre cele două etichete este înfășurat într-un paragraf, ceea ce înseamnă că există o linie goală înainte și după.

liste

Există în esență două tipuri de liste: liste ordonate și neordonate, mai bine cunoscute sub numele de liste numerotate și cu puncte. Pentru a crea oricare, trebuie să cunoașteți două etichete diferite, dar doar trei în total. Să analizăm mai întâi exemplele:

Intrare:

1. Elementul unu


2. Elementul doi

ieşire:

1. Elementul unu
2. Elementul doi

Intrare:

• Elementul unu


• Elementul doi

ieşire:

• Elementul unu
• Elementul doi

Pentru a crea o listă comandată, utilizați eticheta și pentru o listă neordonată, introduceți etichetă. În ambele cazuri,

eticheta este folosită pentru a defini un element din listă.

Acum că ați văzut cât de simplu și logic este HTML, este posibil să doriți să depășiți elementele de bază și să aflați un pic mai mult. Pentru mai multe sfaturi HTML, consultați aceste articole:

• 5 pași pentru înțelegerea codului HTML de bază 5 pași pentru înțelegerea codului HTML de bazăHTML este coloana vertebrală a fiecărei pagini web. Dacă sunteți începători, permiteți-ne să vă parcurgem pașii de bază pentru înțelegerea HTMLului. Citeste mai mult
• 5 sfaturi HTML pentru a crea un site web gratuit de încărcare rapidă 5 sfaturi HTML pentru a crea un site web gratuit de încărcare rapidă Citeste mai mult
• 7 Efecte HTML cool pe care oricine le poate adăuga pe site-ul web 8 Efecte HTML cool pe care oricine le poate adăuga pe site-ul webNu trebuie să știți CSS sau PHP pentru a construi un site fantezist. Utilizați aceste trucuri HTML cool pentru a genera efecte nemaipomenite. Citeste mai mult

Vă simțiți un pic mai încrezător în ceea ce privește utilizarea etichetelor HTML acum? Dacă mai aveți „codare manuală” în mod obișnuit, ce etichete credeți că lipsesc?

Credite imagine: kentoh