Tutorial HTML: Lecţia 3 - Elemente şi tag-uri.

Documentele HTML sunt formate din elemente, care în general, conţin un tag (eticheta) deschis şi un tag închis.
Tag-urile sunt etichete care marchează începutul şi sfârşitul unui element.
Toate tag-urile încep cu semnul mai mic “<”, şi se termină cu semnul mai mare “>” (exemplu: <eticheta>).
În general exista doua tipuri de tag-uri:

tag deschis (exemplu: <html>);
tag închis (exemplu: </html>).

Singura diferenţă dintre aceste două tag-uri este “/”. Conţinutul unui element trebuie pus între tag-ul deschis şi tag-ul închis.

În continuare îţi voi arăta câteva exemple, despre cum trebuiesc folosite tag-urile:
elementul em (folosind acest element, textul va fi inclinat); Aşa arată codul HTML:

<em>Text înclinat.</em>

elementele h1, h2, h3, h4, h5, h5 (h1 - este titlul şi este scris cu litere mari, celelalte sunt subtitluri şi sunt scrise litere mai mici decat precedentul);
Aşa arată codul HTML:

<h1>Titlu</h1>   <h2>Subtitlu</h2>  <h3>Subtitlu</h3>  <h4>Subtitlu</h4>  <h5>Subtitlu</h5>  <h6>Subtitlu</h6>

elementul strong (folosind acest tag, textul afişat va apărea îngroşat);
Aşa arată codul HTML:

<strong>Text</strong>

elemntul u (acest tag este prescurtarea de la underline, şi în consecinţă textul afişat este subliniat);
Aşa arată codul HTML:

<u>Text</u>

elemntul sup (caracterele vor apărea ca exponent);
Aşa arată codul HTML:

Text<sup>Text</sup>

elemntul sub (caracterele vor apărea ca indice);
Aşa arată codul HTML:

Text<sub>Text</sub>

elemntul strike (textul afişat este tăiat cu o linie pe mijloc);
Aşa arată codul HTML:

<strike>Text</strike>

elemntul big (textul afişat este mărit);
Aşa arată codul HTML:

<big>Text</big>

elemntul small (textul afişat este micşorat);
Aşa arată codul HTML:

<small>Text</small>

elemntul pre (textul afişat este reprodus exact din sursă);
Aşa arată codul HTML:

<pre>Texttext</pre>

Exista şi elemente care au ambele tag-uri (deschis şi închis) într-un singur tag, mai jos câteva explemple de astfel de elemente.
elementul br (vine de la brake line; acest element este folosit la sfârşitul liniei de text dacă doriţi să treceţi la următoarea);
Aşa arată codul HTML:

Text<br />text

elementul hr (prescurtat de la horizontal rule, acest element va desena o linie orizontală);
Aşa arată codul HTML:

<hr />

Dacă vrei poţi combina mai multe elemente, de exemplu, să presupunem că vrei un text îngroşat şi înclinat, iată cum trebuie scris codul:

<em><strong>Text</strong></em>

Codul este valabil numai dacă îl scrieţi cum este mai sus; jos este un exemplu despre cum NU trebuie scris codul:

<em><strong>Text</em></strong>

În majoritatea cazurilor browserele nu ţin cont dacă tagul este scris cu litere mari sau cu litere mici, dar corect este să le scrieţi cu litere mici (exemplu: <html>).

Ultima actualizare în Joi, 10 Decembrie 2009 22:57

Statistici web