HTML (Hyper Text Markup Language

)
Tag-urile sunt marcaje sau etichete pe care limbajul HTML le foloseste alaturi de texte pentru a
ajuta browser-ul de internet sa afiseze corect continutul paginii web.
Tag-urile pot fi :
- pereche (un tag de inceput si unul de incheiere) <tag> ....</tag>
- singulare (nu au tag de incheiere) <tag>.
Anumite tag-uri au atribute: <tag atr1=”val1” atr2=”val2”> ....</tag>. Atributele pot fi definite ca
niste proprietati ale tag-urilor, acestea apar numai in tag-ul de inceput.
Documentele HTML sunt construite folosind un editor de texte (Notepad) sau editoare
specializate HTML. Fisierele au extensia .html sau .htm. Pentru a modifica sursa se deschide
documentul cu un editor sau, in browser, meniul View->Sourse.
Structura unui document HTML:
<html>
<head>
<title>........</title>
………….
</head>
<body>
………….
</body>
</html>
<html>…</html> - cu acest tag incepe orice document HTML. Prin folosirea acestui tag ii
spunem browser-ului ca este vorba de un fisier HTML pentru a-l afisa.
<head>...</head> - intre aceste tag-uri sunt trecute, pe langa titlul paginii, diverse informatii
folositoare pentru browser-ul de internet.
<title>...</title> - cu ajutorul acestei perechi de tag-uri vei putea da un titlu documentului tau.
Astfel, textul pe care il vei scrie intre aceste tag-uri va fi afisat in bara de titlu a documentului.
<body>...</body> - odata cu acest tag incepe continutul paginii web. Tot ce vei scrie intre aceste
tag-uri va fi afisat, de catre browser, pe ecranul monitorului.
<br> - acest tag informeaza browser-ul de faptul ca orice informatie care se afla dupa acest tag
va fi afisat pe randul urmator. Acest tag nu are tag de incheiere.
Exemplu:
<HTML>
<HEAD>
<TITLE>Prima mea pagina web</TITLE>

se utilizeaza atributul color al tag-ului <font> ( acest atribut se poate utiliza si pentru linia orizontala.<h6>.</HEAD> <BODY> Bine ai venit!<BR> Vom invata impreuna limbajul HTML.. Exemple de culori: Culoare Nume culoare Cod culoare Black #000000 Blue #0000FF BlueViolet #8A2BE2 Brown #A52A2A Chocolate #D2691E Cyan #00FFFF DarkBlue #00008B Gold #FFD700 Gray #808080 Green #008000 GreenYellow #ADFF2F Indigo #4B0082 Maroon #800000 Orange #FFA500 Pink #FFC0CB Red #FF0000 Silver #C0C0C0 Violet #EE82EE VioletRed #D02090 White #FFFFFF Yellow #FFFF00 Formatarea textului ..<h2>.. Tag-urile <h1> si </h1> permit scrierea unui titlu cu caracterele cele mai mari in timp ce textul . Aceasta este prima mea pagina web! </BODY> </HTML> Despre culori .se utilizeaza atributul bgcolor al tag-ului <body> . tag-ul singular <hr>) Valoarea atributului de culoare poate fi numele sau codul culorii.culoarea textului .titluri – pentru titluri in cadrul paginii se utilizeaza tag-urile <h1>.culoarea fondului unei pagini .

extensie”> Crearea legaturilor in HTML .inserarea unei imagini in pagina: se utilizeaza <img src=”imagine. Dupa crearea unui rand. Adaugarea imaginilor . Dupa tag-ul <table> urmeaza tag-ul <tr> care vine de la "Table Row" (randul tabelului) si reprezinta introducerea unui rand in cadrul tabelului. drepta.catre un site <a href=”http://adresa site”>Textul legaturii</a> . inaltine. centru). Aceaste taguri accepta atributil align.html”>Textul legaturii</a> .inserarea unei imagini ca fundal intr-o pagina <body background=”imagine.liste neordonate (UL) – marcajele sunt simboluri (cercuri pline/goale. Tot ce va fi scris intre tag-urile <tr> si </tr> va forma un rand al tabelului.gif"> semantica <br><br><img src="icon3.utilizarea unei imagini ca legatura <a href="nume pagina"><img src=”nume imagine”></a> Crearea listelor in HTML Fiecare element al unei liste este introdus cu ajutorul tag-ului singular <li> . Atribute. face (tipul fontului). trebuie sa adaugam in cadrul acestuia. patrate) .gif"> vocabular </ul> Tabele in HTML Pentru a crea un tabel. .incadrat de tag-urile <h6> si </h6> va fi afisat cu caracterele cele mai mici. Tot ce va fi scris intre aceste tag-uri va forma un tabel.catre o adresa de e-mail <a href=”mailto:adresa de email”>Textul legaturii</a> . cu ajutorul tag-urilor <td> si </td>.Text – pentru tag-ul <font> se pot utiliza atributele: size (dimensiunea fontului.extensie”> . pentru aliniere (stanga. litere. trebuie sa folosim tag-urile <table> si </table>. un numar cuprins intre 1 si 7). cifre romane Listele pot fi personalizate in sensul ca putem alege o imagine in loc de marcaj. color Atunci cand vrem ca textul din cadrul paginii noastre web sa fie afisat pe mai multe randuri vom folosi tag-ul singular <br>. De exemplu: <ul>Un limbaj de programare este caracterizat de: <br><br><img src="icon3. <td width="200" heigth="50"><b><font color="yellow">nume</font></b></td> se aplica celulei proprietati pentru lungine.catre o alta pagina a site-utlui <a href=”fisier. exemple: <table border="1" bordercolor="red"> se aplica tabelului o bordura de dimensiune 1 si culoare rosu.liste ordonate (OL) – marcajele sunt cifre.gif"> sintaxa <br><br><img src="icon3. cateva celule. culoarea fontului si stilul fontului (bold). .

This is a comment --> .Comentarii in HTML: <!-.

Nume tag Nume atribut Valoare atribut <A> Detalii Ancora href target URL Adresa catre care vrem sa fie legatura _blank Fereastra in care se va face afisarea _self _parent _top <B> Text bold <BODY> Cuprinsul documentului background adresa imaginii Imaginea de fond bgcolor cod culoare nume culoare Culoarea fondului leftmargin procent din latimea paginii numar de pixeli Distanta dintre marginea din stanga a ferestrei browserului si marginea din stanga a paginii topmargin procent din Distanta dintre marginea de sus a inaltime ferestrei browserului si a paginii marginea de sus numar a paginii de pixeli text cod culoare nume culoare Culoarea textului alink cod culoare Culoarea legaturilor active (atunci nume cand culoare mouse-ul se afla deasupra lor) link cod culoare Culoarea legaturilor nevizitate (nu nume s-a culoare efectuat nici un click pe ele) vlink cod culoare nume culoare Culoarea legaturilor vizitate (s-a efectuat cel putin un click pe ele) <BR> Sfarsitul randului <CENTER> Afisarea in centrul paginii <FONT> Fontul textului color cod culoare Culoarea fontului .

php http://www.com/html/default.ecursuri.Referinte bibliografice: http://www.asp .ro/cursuri/html-pe-intelesul-tuturor.w3schools.