Ne-am uitat la un exemplu de creare a unei pagini simple, în care au fost date comentarii la unele etichete html, deoarece mi se pare că este mai bine să arătăm mai întâi ceva cu un exemplu, apoi să trecem la o descriere mai detaliată. De aceea, crearea paginii a fost tratată în a doua lecție, iar mai detaliat în a treia.
Deci, mai jos sunt descrieri ale etichetelor HTML comune care sunt folosite pe aproape fiecare pagină a site-ului. Crede-mă, sunt deja destui pentru a scrie un întreg site.
Lista de etichete HTML
1. Etichetă HTML (pentru paragrafe)
- afișează un paragraf text (permite atribute stil, clasă, id). Cea mai comună etichetă, deoarece textul este plasat cel mai adesea în ea (deși a fost creat pentru aceasta).De exemplu, codul html:
Text paragraful numărul unu
Și acesta este un alt paragraf
Text paragraful numărul unu
Și acesta este un alt paragraf
De asemenea, puteți adăuga parametrul de stil la etichetă:
Cu aceste valori diferite, puteți edita aspectul fontului. Puteți citi despre acești parametri într-o lecție separată: stiluri în html și proprietatea fontului css.
De asemenea, puteți scrie atributele CLASS și ID. De exemplu:
2. Etichetă HTML și(îndrăzneţ)
ȘI - două etichete pentru a face fontul aldine. Nu există nicio diferență între aceste etichete.
Să dăm un exemplu. Cod HTML:
miniatură
Convertit pe pagină în următoarele:
miniatură
De asemenea, puteți înregistra atributele CLASS și ID (ca și în cazul Note
Aceste etichete au un impact redus asupra clasamentului documentelor în motoarele de căutare, așa că este mai bine să nu le folosiți fără scop.
3. Etichetă HTML (creați cursive)
- font italic (permite parametrii stil, clasă, id)
De exemplu, codul html:
text italic
Convertit pe pagină în următoarele:
4. Etichetă HTML (text subliniat)
- font subliniat (permite stilul parametrilor, clasă, id)
De exemplu, codul html:
text subliniat
Convertit pe pagină în următoarele:
text subliniat
5. Etichetă HTML (crearea unui hyperlink)
Creează un link pe pagină (acceptă stilul, clasa și altele).
De exemplu, codul html:
textul linkului
Convertit pe pagină în următoarele:
Toți parametrii și atributele etichetei va fi discutat într-o lecție separată: etichetă html.
6. Etichetă HTML (titluri în conținut)
,...,- etichete de titlu în interiorul conținutului (permite stilul, clasa, parametrul id). Mai mult, cu cât numărul este mai mic, cu atât textul inclus în aceste etichete are mai multă greutate și dimensiune (în mod implicit).
De exemplu, codul html:
Titlul H1
Etichetă
folosit pentru titlul paginii (precum și pentru titlu)
Utilizați aceste etichete numai în scopul propus, de exemplu. numai atunci când articolul are nevoie de un titlu. Acest lucru se datorează faptului că etichetele
,...,au un impact mare asupra motoarelor de căutare. Dacă este folosit corect, șansele de a ajunge în partea de sus a rezultatelor căutării sunt foarte mari.7. Etichetă HTML (aliniere)
De exemplu, codul html:
Acest text va fi în centru
Convertit pe pagină în următoarele:
Acest text va fi în centru
Notă- - pentru text
- ...- pentru orice (de exemplu, imagine)
8. Etichetă HTML (indice)
- afișează un font indice.
De exemplu, codul html:
Text simplu, indicele
Convertit pe pagină în următoarele:
Text simplu, text indice
9. Etichetă HTML (superscript)
- afișează un font superscript.
De exemplu, codul html:
Text simplu, superscript
Convertit pe pagină în următoarele:
Text simplu, text în indicele
10. Etichetă HTML ,
, - afișează fontul cu un pixel mai mult/mai puțin decât dimensiunea curentă (permite parametrul stil, clasă, id).
De exemplu, codul html:
font obișnuit, acest font este cu un pixel mai mare
Convertit pe pagină în următoarele:
Font obișnuit, acest font este cu un pixel mai mare
11. Etichetă HTML (crearea listelor)
Liste (acceptă stil, clasă, parametri id). Fiecare element nou este înregistrat între
De exemplu, codul html:
Listă:
- primul element al listei
- al doilea element al listei
Convertit pe pagină în următoarele:
Listă:
- primul element al listei
- al doilea element al listei