HTML Marcaje fundamentale

Citat:

1.Marcaje fundamentale

O succesiune de marcaje HTML importante sunt marcajele care definesc antetele sau titlurile (headings), paragrafele (paragraphs) si trecerile la linie noua (line breaks).

Cea mai sigura modalitate de a intelege aceste marcaje HTML sunt exemplele.

In continuare vom realiza cateva exemple ce vor utiliza marcajele amintite mai sus.

A.1. Paragrafe.

Un paragraf este definit cu ajutorul marcajului <p>.

In exemplul urmator se remarca existenta a trei paragrafe definite de perechea de marcaje <p>...</p>.
<html>
<body>
<p>Acesta este primul paragraf.</p>
<p>Acesta este al doilea paragraf.</p>
<p>Acesta este al treilea paragraf.</p>
</body>
</html>

A.2. Titluri.

Titlurile sunt definite prin intermediul marcajelor <h1>, <h2>, <h3>, <h4>, <h5> si <h6>.

Marcajul <h1> defineste cel mai mare titlu, iar marcajul <h6> defineste cel mai mic titlu.

Pentru a intelege cele afirmate anterior vom crea un document HTML care va demonstra utilizarea acestor marcaje.

Continutul documentului este oferit in continuare:

<html>
<body>
<h1>Titlul 1</h1>
<h2>Titlul 2</h2>
<h3>Titlul 3</h3>
<h4>Titlul 4</h4>
<h5>Titlul 5</h5>
<h6>Titlul 6</h6>
</body>
</html>

Limbajul HTML adauga automat o noua linie (blank line) inainte si dupa un titlu definit cu unul din marcajele <h1>, <h2>, <h3>, <h4>, <h5> si <h6>.
.
A.3. Marcajul <br>.

Trecerile la linie noua se realizeaza prin intermediul marcajului <br>. Marcajul <br> este folosit atunci cand dorim sa terminam o linie, dar nu dorim sa definim un nou paragraf.

Marcajul <br> forteaza trecerea la o linie noua peste tot acest marcaj este plasat.

Marcajul <br> este un marcaj care nu contine nimic, de aceea el nu are marcaj final. Noile standarde W3C (standardul XHTML) impun existenta marcajului final chiar daca elementul HTML nu are continut (<br></br>).

Pentru a exemplifica cele discutate anterior vom crea un document HTML, ce va avea urmatorul continut:

<html>
<body>
<p>Acesta <br> este un paragraf<br> care contine linii noi.</p>
</body>
</html>
</p>

A.4. Marcajul <hr>.

Pentru introducerea unei linii orizontale se utilizeaza marcajul HTML <hr>.

Exemplificam introducerea unei linii orizontale prin crearea unui document HTML cu urmatorul continut:

<html>
<body>
<hr>
<p>Paragraf 1</p>
<hr>
<p>Paragraf 2</p>
<hr>
</body>
</html>

Marcajul <hr> este un marcaj care nu contine nimic, de aceea el nu are marcaj final. Noile standarde W3C (standardul XHTML) impun existenta marcajului final chiar daca elementul HTML nu are continut (<hr></hr>).

A.5. Comentariul HTML.

Marcajul pentru comentarii este exploatat pentru a introduce comentarii in codul sursa a documentului HTML.

Un cometariu va fi ignorat de catre navigator.

Este indicat sa utilizati comentarii pentru a explica codul HTML scris de catre dumneavostra.

Comentarile vor fi utile atunci cand veti edita codul sursa pentru a efectua modificari.

Un comentariu se introduce astfel:

<Acesta>

A.6. Elementul "head".

Informatiile din interiorul unui element HTML "head" nu vor fi afisate in fereastra navigatorului.

Elementul head (format din marcajul de start <head> si marcajul final </head>) contine informatii generale despre documentul HTML, informatii numite meta-informatii.

Conform standardului HTML numai cateva elemente se pot afla in interiorul elementului "head".

Aceste elemente sunt:

<base> <link> <meta> <title> <style> <script>

Urmatorul fragment dintr-un document HTML este incorect, fiindcă este utilizat elementul paragraf (<p>...</p>) in interiorul elementului "head":

<head> <p>Acesta este un paragraf</p> </head>

In acest caz navigatorul are doua optiuni:

- sa afiseze textul căci acesta se afla in interiorul unui element paragraf.
- sa nu afiseze textul pentru că acesta se afla in interiorul elementului head.

Daca introduceti elemente HTML (cum ar fi <h1> sau <p>) in interiorul unui element "head", majoritatea navigatoarelor vor afisa continutul elementelor chiar daca acest fapt este incorect. Aceasta nu inseamna ca trebuie sa faceti greseala de a introduce elemente interzise in interiorul elementului "head" (s-ar putea sa apara erori la afisarea pagini Web).

Urmatorul exemplu va demonstra cele afirmate mai sus. Numele acestui document va fi "eroare.html" si va avea urmatorul continut:

<html>
<head>
<title>Utilizarea gresita a elementelor</title>
<p>
<b>Acest text se afla in interiorul elementului head.</b>
</p>
</head>
<body>
<p>
<i>Acesta text este introdus corect in interiorul elementului body.</i>
</p>
</body>
</html>

In codul sursa anterior se poate observa ca a fost introdus text (utilizand marcajele <p> si <b>) in interiorul elementului "head".

A.7. Elementul "meta".

Informatiile dintr-un element "meta" descriu documentul HTML.

Asa cum am afirmat anterior in acest capitol, elementul "head" contine informatii generale (meta-informa]ii) despre documentul HTML.

Elementul "meta" se afla in interiorul elementului "head" si are rolul de a furniza meta-informatii despre documentul HTML.

De obicei elementul "meta" este utilizat pentru a furniza informatii care sunt relevante pentru navigatoare sau pentru motoarele de cautare, cum ar fi redirectarea unui utilizator la o noua adresa sau descrierea continutului unui document HTML.

Multe dintre motoarele de cautare vor utiliza atributele "description" sau "keyword" ale marcajelor <meta> pentru a indexa (aranja) paginile Web, indexare care va face ca informatia sa fie gasita mult mai repede si usor.

Urmatorul element meta defineste descrierea unei pagini HTML utilizand atributul "description":

<meta>

Urmatorul element meta defineste cuvintele de cautare pentru o pagina HTML:

<meta>

Aceste cuvinte de cautare încuviințează motoarelor de cautare sa stie ca pagina (documetul HTML) contine (face referire la, se ocupa cu, ...) "HTML, document, pagina, prima".

_________________
www.scorpionu.myforum.ro