Sunteți pe pagina 1din 3

Limbajul HTML

Sursa autorizata pentru furnizarea de informatii despre HTML si HTML DTD este World Wide
Web Consortium (W3C) avand adresa http://www.w3.org
Accesati :
http://www.ghid-html.info/
http://www.ecursuri.ro/cursuri-online/html-pe-intelesul-tuturor

HTML este acronimul de la HyperText Markup Language si reprezinta un limbaj pentru


crearea si marcarea (formatare, aranjare) unui document astfel incat sa poata fi publicat pe
World Wide Web si vizualizat cu ajutorul unui browser (Internet Explorer, Netscape, Opera
etc.).
Termenul de hypertext desemneaza un material sub forma de text si imagine,
interconectat intr-o maniera complexa, nesecventiala, in care utilizatorul poate naviga, cauta
informatii referitoare la un obiect. Hypertext-ul trebuie interpretat ca un text care semnaleaza
o legatura la o alta informatie web, de obicei un alt document web, si este identificat prin
subliniere sau culoare, pentru a-l deosebi de textul simplu.
Vom realiza primul document HTML, adica prima pagina web.
Tag - marcaj sau eticheta pe care limbajul HTML le foloseste alaturi de texte pentru a ajuta
browser-ul de internet sa afiseze corect continutul paginii web

Structura unui document HTML ( deschideti NotePad)

<HTML>
<HEAD> <TITLE> Prima mea pagina web </TITLE> </HEAD>

<BODY>
Bine ai venit!
Aceasta este prima mea pagina web!

</BODY>
</HTML>

- documentul se salveaza cu extensia htm sau html !!!

Dupa crearea siteului web, in folderul in care ati salvat trebuie sa


aveti un document text si documentul html

Etapele care trebuie parcurse pentru modificarea siteului creat:

 Deschideti documentul NotePad SAU click dreapta pe documentul html → Deschidere cu


NotePad
 Faceti modificarile dorite → Save → Refresh pagina Web

Aplicatia 1 : Realizati o pagina web care sa contina:


Colegiul Silvic Gurghiu
...numele vostru..
Clasa IX a
Sunt ocupat ! Invat HTML ! Timpul costa bani !

Aplicatia 2 - Realizati o pagina web ( Poezia) care sa contina o strofa din poezia dv preferata
Atributele – proprietati ale tagurilor

Culoarea de fundal a paginii web :

<BODY BGCOLOR="#FF9900">
<BODY BGCOLOR="red">
<BODY BACKGROUND=“fundal.gif”> ( utilizarea unei imagini ca fundal )

Aplicatia 3 - Realizati o pagina web ( Culori) care :


 Sa aiba fundalul de culoare albastru
 continutul - datele dv de contact

Crearea paragrafelor

<HTML>
<HEAD><TITLE>Pagina cu paragrafe</TITLE></HEAD>
<BODY>
<P>Paragrafele va permit sa adaugati text in documentul web.</P>
<P>Fiecare rand de text va avea latimea ferestrei in care este afisat </P>
</BODY>
</HTML>

Ruperea randurilor

<HTML>
<HEAD><TITLE>Ruperea randului</TITLE></HEAD>
<BODY>
<P>Acest text contine o rupere
<BR> a randului
</P>
</BODY>
</HTML>

Paragrafe preformatate

<HTML><HEAD><TITLE>Paragraf pre-formatat</TITLE></HEAD>
<BODY>
<PRE>Prin folosirea acestui tag nu mai trebuie sa apelam la ruperea randului,
asa cum a fost prezentata anterior,
iar spatiile vor fi
considerate ca atare . . .
</PRE>
</BODY>
</HTML>

Aplicatia 4 - Realizati o pagina web ( Paragrafe) pentru crearea careia sa utilizati cele 3 notiuni
explicate mai sus :
1.
 <BR> </BR>
 <P> </P>
Variațiile pot fi foarte mari, râul Bistrița, de exemplu, ajungând să aibă în lunile
ploioase un debit de 20 de ori mai mare decât în lunile secetoase de la sfârșitul verii.
Regimul hidrologic reprezintă variațiile de debit ale unui râu în decursul unui an,
fiind determinat de modul de alimentare și de dimensiunile râului (lungime, suprafața
bazinului hidrografic).
Datorită varietății climatice a planetei noastre, există pentru fiecare climat un tip de regim
hidrologic al râurilor
2.
 <PRE> </PRE>
Variațiile pot fi foarte mari, râul Bistrița, de exemplu, ajungând să aibă în lunile
ploioase un debit de 20 de ori mai mare decât în lunile secetoase de la sfârșitul verii.
Regimul hidrologic reprezintă variațiile de debit ale unui râu în decursul unui an,
fiind determinat de modul de alimentare și de dimensiunile râului (lungime, suprafața
bazinului hidrografic).
Datorită varietății climatice a planetei noastre, există pentru fiecare climat un tip de regim
hidrologic al râurilor

Formatarea textului ( exemplificari)

 <B>Acest text se va vedea ingrosat intr-un browser</B>


 <I> Studiati cum va fi textul scris intre aceste taguri? </I>
 <FONT COLOR="BLUE">Acest text va fi
albastru</FONT>

Crearea titlurilor in pagina

<HTML>
<HEAD>
<TITLE>Pagina cu titluri</TITLE>
</HEAD>
<BODY>
<H1>TITLU de tip H1</H1>
<H2>TITLU de tip H2</H2>
<H3>TITLU de tip H3</H3>
<H4>TITLU de tip H4</H4>
<H5>TITLU de tip H5</H5>
<H6>TITLU de tip H6</H6>
</BODY>
</HTML>