Sunteți pe pagina 1din 4

Un document HTML nu este altceva dect un fiier text care, pe lng textul propriu-zis ce

va aprea n pagin, conine i o serie de elemente speciale, denumite etichete, sau marcaje
(tags, n limba englez).

Etichetele sunt delimitate de perechi de paranteze unghiulare "< >".

De exemplu, dac dorim s afim o propoziie cu caractere ngroate (bold), vom marca
nceputul acesteia folosind eticheta <B> iar pentru marcarea sfritului propoziiei eticheta
</B>.

<B> Acesta este un text scris cu litere aldine</B>

Etichetele HTML sunt de dou tipuri:

etichete container (container tags)


etichete vide (empty tags)

Etichetele container sunt de forma:


<TAG> bloc de text </TAG>
unde:
<TAG> - marcheaz nceputul unui bloc
</TAG> - marcheaz sfritul blocului
Etichetele vide nu au etichet de nchidere.

Etichete de structur

Orice document HTML conine dou seciuni:


antetul (head)
corpul documentului (body)

Structura general a unui document HTML este urmtoarea:

<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

Documentul este delimitat de etichetele <HTML> </HTML> i este format din cele dou
pri:

antet (head) - este delimitat de etichetele <HEAD> </HEAD> i conine titlul


documentului precum i alte informaii privind documentul. n antetul documentului se
mai insereaz i anumite secvene de program (script-uri), care se execut la ncrcarea
documentului n browser.

corp (body) - care delimiteaz coninutul propriu-zis al documentului i este inclus


ntre etichetele <BODY> </BODY>
Exemplul 1
<HTML>
<HEAD>
<TITLE>Pagina mea</TITLE>
</HEAD>
<BODY>
Am reusit sa scriu prima mea pagina de Web.<br>Urmatoarea va fi cu mult mai
buna.
</BODY>
</HTML>
<!DOCTYPE HTML>
<html>
<head>
<title>Muntii Carpati</title>
</head>
<body background=images/about.jpg>
<!-- begin header -->
<header>
<div id="logo"><h1> <a href="#"> MUNTII
CARPATI</h1></div>
<nav>
<ul class="sf-menu" id="nav">
<li class="selected"><a href="index.html">Acasa</a></li>
<li><a href="localizare.html">Localizare</a></li>
<li><a href="#">Carpatii</a>
<ul>
<li><a href="oriental.html">Orientali</a></li>
<li><a href="meridional.html">Meridionali</a></li>
<li><a href="occidental.html">Occidentali</a></li>
</ul>
<a href="resurse.html">Obiective</a>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<!-- end header -->
<!-- begin content -->
<div id="site_content">
<ul class="slideshow">
<li class="show"><img width="950" height="450"
src="images/home_1.jpg" /></li>
<li><img width="950" height="450"
src="images/home_2.jpg" /></li>
<li><img width="950" height="450"
src="images/home_3.jpg" /></li>
</ul>
</div>
<!-- end content -->
</body>
</html>