Sunteți pe pagina 1din 5

Introducere Creat n Elvetia n anul 1989, HTML este utilizat pentru crearea paginilor Web.

Utilizarea HTML propune scrierea textului, tabelelor si referintelor la imaginile incadrate in pagina web, iar apoi se adauga tag-urile HTML pentru a descrie amplasarea elementelor in pagina. Paginile Web pot fi vizionate prin intermediul unor programe speciale, numite browsere, care sunt capabile sa interpreteze limbajul HTML. Prima versiune a HTML continea mai putin de 30 de tag-uri. Odata cu dezvoltarea web-ului, au aparut mai multe idei pentru mbunatatirea acestuia. n cea mai recenta versiune sunt mai putin de o suta de tag-uri de baza HTML.

Structura unui document


<html>...</html> <head>...</head> <body>...</body>

<HTML> <HEAD> <title></title> </HEAD> <BODY> Corpul unui document </BODY> </HTML>

Antet
<h#> ... </h#> #=1, 2, 3, 4, 5, 6 <h1>La multi ani!</h1>

La multi ani!
multi ani!
multi ani!

<h2>La multi ani!</h2>La <h3>La multi ani!</h3>La <h4>La multi ani!</h4>La

multi ani!

<h5>La multi ani!</h5>La multi ani! <h6>La multi ani!</h6>La multi ani!

Dimensiune font
<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -# (pe o portiune de text) <basefont size=#> #=1, 2, 3, 4, 5, 6, 7 (pentru toata pagina)

<font size=7>La multi ani!</font>

La multi ani!
La multi ani!
La multi ani!

<font size=6>La multi ani!</font> <font size=5>La multi ani!</font>

<font size=4>La multi ani!</font> <font size=3>La multi ani!</font>

La multi ani!
La multi ani!

<font size=2>La multi ani!</font> La multi ani!

Marcare fizica
<b>La multi ani!</b> La multi ani! <i>La multi ani!</i> La multi ani! <u>La multi ani!</u> La multi ani! <sup>La multi ani!</sup> <sub>La multi ani!</sub>
La multi ani!

La multi ani!

Culoare font
Culoarea specificata <font color=#> ... </font> #=rrggbb numar hexazecimal sau numele culorii: Black Teal Blue Navy Lime White Purple Yellow = "#000000" = "#008080" = "#0000FF" = "#000080" = "#00FF00" = "#FFFFFF" = "#800080" = "#FFFF00" Olive Red Maroon Gray Fuchsia Green Silver Aqua = "#808000" = "#FF0000" = "#800000" = "#808080" = "#FF00FF" = "#008000" = "#C0C0C0" = "#00FFFF"

<font color=ffffff>White</font> <-> <font color=white>White</font>

Tipuri de fonturi
<font face="#"> ... </font> #=font-uri disponibile <font face="Arial, Helvetica"> Noroc!</font>

Caractere speciale
&#; #=cuvant cheie sau codul ascii Caractere in HTML2.0 &amp; & &lt; < &gt; >

&quot;

"

<br>

line break intrerupere de linie

Legaturi
Legaturi de baza <a href="URL"> ... </a>

Acesta este un <a href="../exemplu/legatura.html">test pentru legaturi</a>. Acesta este un test pentru legaturi.
Legatura la o pagina din document <a href="#nume"> ... </a> <a name="nume"> ... </a>

<a href="#salt">Salt la urmatoarea "legatura"</a><P> <a name="salt">Legatura</a>

Salt la un alt document


<a href="URL#nume"> ... </a> <a name="nume"> ... </a> Salt la o <a href="../exemplu/legatura.html#salt"> urmatoarea "legatura"</a> din alt document.

Linii de delimitare
Hair Line<hr>

<hr>
<hr size=#>

<hr size=10 width=30%>

<hr color="red">

Paragraf
Paragraf <p> (Linie goala)

<p>Acesta este primul paragraf. </p> <p>Acesta este al doilea paragraf.


Aliniere paragraf <p align=#>#=left, center, right, justify Linie de impartire<br>

Acesta este<br>primul paragraf.

Liste
Liste neordonate <ul><li>...</ul>

<ul> <li>Ziua</li> <li>Noaptea</li> </ul> Ziua Noaptea


Liste ordonate <ol><li>...</ol>

<ol> <li>Ziua <li>Noaptea </ol> 1. Ziua 2. Noaptea

Liste marcate
Tipuri de marcare <li type=#> #=disk(sfera), circle(cerc), square(patrat) <ul> <li type=disc>UNU</li> <li type=circle>DOI</li> <li type=square>TREI</li> </ul>

UNU DOI TREI

Majuscule <li type=#> #=A, a, I, i, 1

<ol> <li type=A>UNU-UNU</li> <li>UNU-DOI</li> </ol> A. UNU-UNU B. UNU-DOI <ol start=3> <li type=A>UNU-UNU</li> <li>UNU-DOI</li> </ol>

C. UNU-UNU D. UNU-DOI