O serie 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 bgcolor="orange">
<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 bgcolor="orange">
<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 utilizat atunci cand dorim sa terminam o linie, dar nu dorim sa definim un nou paragraf.
Marcajul <br> forteaza trecerea la o linie noua oriunde 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 bgcolor="orange">
<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 bgcolor="orange">
<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 utilizat 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 este un comentariu -->
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, deoarece 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 deoarece acesta se afla in interiorul unui element paragraf.
- sa nu afiseze textul deoarece 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 lucru 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 rapid si usor.
Urmatorul element meta defineste descrierea unei pagini HTML utilizand atributul "description":
<meta name="description" content="Primul meu document HTML">
Urmatorul element meta defineste cuvintele de cautare pentru o pagina HTML:
<meta name="keywords" content="HTML, document, pagina, prima">
Aceste cuvinte de cautare permit motoarelor de cautare sa stie ca pagina (documetul HTML) contine (face referire la, se ocupa cu, ...) "HTML, document, pagina, prima". |
