DESPRE HTML
HTML nu este considerat un limbaj de programare ci mai degraba este un limbaj de marcare acesta folosind etichete denumite si
tag-uri. Tagurile folosite sunt de doua feluri: tag-uri pereche (ex.<html></html> , <font></font>) si
tag-uri singulare (care nu au tag de incheiere) (ex. <br> , <hr>).
Tag-urile de baza sunt:<html></html> -intre aceste tag-uri este cuprins documentul html;
<head></head> -intre aceste tag-uri se introduce tag-urile ce va contine titlul paginii cat si alte scripturi cum ar fi scripturi javascript
sau legaturi catre scripturi externe si catre fisiere css externe;
<title></title> aceste tag-uri sunt pozitionate intre tag-urile head si vor contine titlul paginii web;
<body></body> -Intre aceste tag-uri vom introduce continutul paginii web care va aparea in fereastra browserului. Tot ce se va introduce inntre aceste
tag-uri va fi afisat de catre browser.
Exemplu de document html simplu
<html>
<head>
<title> Prima mea pagina web </title>
</head>
<body>
Aceasta este prima mea pagina web.
Vom invata sa facem pagini web mai complexe
</body>
</html>
-tag-ul <br> intrerupe randul curent si trece pe alt rand
Incercati exemplul de mai sus scriind intr-un editor de text exemplul de mai sus si salvati-l cu extensia '.html'.
Un editor de text foarte bun de folosit pentru scrierea documentelor html este Notepad++.
Daca aven nevoie de un titlu intr-o pagina web putem folosi tag-urile <H1></H1>.....<H6></H6>; <H1> permitand
scrierea cu literele cele mai mari iar <H6> cu literele cele mai mici.
Atributele asociate tag-urilor html pot fi definite ca niste proprietati ale tag-urilor.Atributele se pun numai in tag-ul de inceput.
Un atribut este atributul bgcolor care se foloseste cu tag-ul <body> si indica culoarea care o va avea fundalul paginii web.
Un alt atribut folosit frecvent este color folosit indeosebi cu tag-ul <font>; alt atribut folosit cu acest tag este atributul size
care indica ce marime va avea fontul.
Exemplu:
<font color="#0000ff" size="6">
â
Bine ati venit!
</font>
Pentru trasarea unei linii orizontale intr-o pagina web folosim tag-ul <hr> caruia ii putem asocia urmatoarele atribute:
-align- pentru aliniera liniei;
-color- pentru culuarea pe care o va lua linia;
-size- pentru grosimea liniei;
-width- pentru lungimea liniei;
Exemplu:
<html>
<head>
<title>Prima pagina web</title>
</head>
<body bgcolor="#ff9900">
<font color="#0000ff" size="6">
Bine ati venit!
</font><br>
<hr color="#ff0000" width="25%" size="5%" align="left"><br>
<font color="#ffoooo">
Vom invata limbajul html.Aceasta este prima mea pagina web!<br>
</font>
</body>
</html>
Scrieti acest exemplu in editorul de text si deschideti-l apoi intr-un browser ca sa vedeti rezultatul.
Formatarea textului
Pentru formatarea textului vom folosi tag-ul <font> insotit de atributele specifice (color; face; size).
Atributul color se refera la culoarea textului incadrat de tag-urile <font></font>
Atributul face se refera la tipul fontului (Arial; Helvetica; etc.)
Atributul size face referire la dimensiunea fontului si poate lua valorile 1,2,3,4,5,6,7; 1 pentru cea mai mica valoare
si 7 pentru cea mai mare valoare.
Pentru a scrie cu font ingrosat vom folosi tag-urile <b></b>; pentru font inclinat vom folosi <i></i> iar
pentru ca fontul sa apara subliniat vom folosi tag-urile <u></u>.
Un alt tag foarte des utilizat este tag-ul <p></p>.Acest tag defineste un paragraf de text. Asemanator cu acest tag mai
este si tag-ul <div></div> care defineste o diviziune. Acest tag este foarte folosit in crearea paginilor web fiind foarte usor de
formatat cu ajutorul css cu ajutorul lor fiind impartita pagina in mai multe diviziuni avand fiecare un anumit stil pentru fiecare in parte
putand fi facute stilizari ale fundalului ale textului. In acelasi mod pot fi stilizate si paragrafele.
Intr-o pagina web se pot insera deasemenea si imagini acest lucru fiind posibil prin folosirea tag-ului <img> urmat
neaparat de atributul src care indica adresa sau calea catre imaginea pe care o folosim.
Exemplu:
<img src="nume_imagine.extensie"> daca imaginea se afla in acelasi director cu pagina in care vrem sa apara;
<img src="nume_folder/nume_imagine.extensie"> daca imaginea se afla in alt folder.
Cele mai folosite extensii pentru imagini sunt: .jpg; .jpeg; .gif.
Fotografiile pot fi de asemenea folosite si ca imagine de fundal a paginii web cu ajutorul atributului background al tagului <body>.
In paginile web se folosesc de asemenea tabelele. Acestea sunt definite cu ajutorul tag-urilor <table></table>.
Ca orice tabel acestea sunt formate din randuri si coloane acestea fiind definite cu ajutorul tag-urilor <tr></tr> care
definesc randurile tabelului si <td></td> care definesc celulele tabelului.
Exemplu de tabel cu trei randuri si trei coloane:
<table>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>
Tag-ul table suporta urmatoarele atribute:
-border caruia i se va da ca valoare un numar reprezentand grosimea bordurii in pixeli;
-cellspacing care va lua de asemenea ca valoare un numar reprezentand distanta intre celulele tabelului
-cellpadding -spatiul fata de marginea celulei
-width prin care ii vom da dimensiunea dorita tabelului
Tagurile <tr> si <td> au si ele anumite atribute printre care se numara atributul align, atributul
bgcolor pentru ai da o culoare de fundal unei sau mai multor celule.
Alte tag-uri foarte importante in html sunt tag-urile care definesc listele. Listele in html sunt de doua tipuri:
liste ordonate delimitate de tag-urile <ol></ol> si liste neordonate delimitate de tag-urile <ul></ul>.
Fiecare element al listei este incadrat de tag-urile <li></li>.
Atat tag-urile care definesc lista cat si tag-urile care definesc elementele listei suporta atributul type care i-a
diferite valori ( disc, circle, square) in cazul listelor neordonate sau ( A, a, i) in cazul listelor ordonate.
Link-urile sau legaturile sunt definite cu ajutorul expresiei <a href=""></a> unde atributul href ia ca
valoare adresa sau calea catre pagina la care se face legatura. Un alt atribut pe care il ia acest tag este atributul target
care ia valorile blank, self, parent, top.
Exemplu:
Pentru a vizita site-ul http://myinfo-util.xhost.ro apasati <a href="http://myinfo-util.xhost.ro">Aici</a>
