Cele mai utilizate taguri HTML

TUTORIAL IN CONSTRUCTIE !!

Tag -uri de baza HTML

â˘ întâia ta pagina in html
- prima ta pagina in html va arata cam asa Prima pagina scrisa in html
- mai jos vedeti codul pentru facerea paginii respective:

<html>
<head>
<title>Prima mea pagina in html</title>
</head>
<body>
Aceasta este prima mea pagina scrisa in
limbajul de marcare html.
As vrea sa invat mai multe despre html.
</body>
</html>

Cand ati terminat de copiat codul in editorul Notepad va duceti in meniul File > Save as... - adica il salvati cu un nume, si il denumiti index.html.
* Salvati-l in Desktop ca sa puteti sa-l gasiti imediat si verificati sa aiba la sfirsit extensia .html

â˘ Cum faci o pagina cu un paragraf in ea?
- aici vedeti o pagina cu paragraf scrisa in html Primul meu paragraf scris in html
*Html adauga automat un spatiu intre paragrafe.
- mai jos vedeti codul pentru realizarea paginii respective:

<html>
<head>
<title>Primul meu paragraf in html</title>
</head>
<body>
<p>Acesta este un paragraf in html.Pare simplu?
Este simplu.Continua
cursul...</p>
</body>
</html>

â˘ Despre titluri sau headere?
Primul element al unei pagini pe care-l vedeti afisat pe ecran sus de obicei este header -ul
-Header-ul unei pagini poate avea deosebite dimensiuni; in html exista 6 mărimi de la 1 care este cea mai mare pina la 6 care este cea mai mica:

<h1>/h1><h2></h2><h3>
</h3><h4></h4><h5></h5><h6></h6>

- aici vedeti o pagina cu headere de toate marimile Primul meu header scris in html
- mai jos vedeti codul pentru înfăptuirea paginii respective:

<html>
<head>
<title>Primul meu header in html</title>
<meta>
</head> <body>
<h1>Acesta este un header de marimea
1 adica cel mai mare
</h1>
<h2>Acesta este un header de marimea 2 care
este un pic mai
mic decat header 1 </h2>
<h3>Acesta este un header de marimea 3 care
este un pic mai
mic decat header 2</h3>
<h4>Acesta este un header de marimea 4 care
este un pic mai
mic decat header 3</h4>
<h5>Acesta este un header de marimea 5 care
este un pic mai
mic decat header 4</h5>
<h6>Acesta este un header de marimea 6
care este cela mai
mic header</h6>
Iti place,nu-i asa ca este usor ?
Continua si ai sa vezi ca in limitat timp ai sa
pui pe web propiul tau site.
</body>
</html>

â˘ Cum faci sa treci la rindul urmator?
- pentru a trece la rindul urmator (eng. line breaks) trebuie adaugat tag-ul <br> dupa ultimul cuvint
- aici este un exemplu de un paragraf care se intinde pe mai multe rinduri.Primul meu paragraf cu mai numeroase rinduri in html
- mai jos este codul:

<html>
<head>
<title>Primul meu paragraf scris pe mai multe
rinduri in html</title>
<meta>
</head> <body>
<p>Acesta este un text
scris pe mai multe rinduri<br>
Puteti scrie pe mai multe
rinduri daca vreti utilizând acest tag.<br>
De exemplu:Pentru scrierea de versuri in cazul
in care vreti sa
publicati o poezie pe web. </p>
</body>
</html>

* Textul care-l scrieti in editorul de text (ex.: Notepad din Windows) nu va fi afisat pe ecran de catre browser(ex: Internet Explorer) exact cum l-ati scris. De exemplu daca scrieti un text, dati enter si textul merge pe rindul urmator tot ce-i posibil ca browser-ul sa afiseze textul scris in continuare si nu pe rindul urmator. Din acest motiv se si foloseste tag-ul de mai sus<br>.O sa mai fie si alte exemple ca sa intelegeti mai bine.

â˘ Cum adaug un comentariu in codul html fara sa se vada in browser?
- Foarte simplu! Trebuie sa fie in interiorul acestor elemente
<Acesta>

â˘ Cum trasam o linie verticala pentru a separa subiecte in pagina?
- puteti face acest fapt cu tag-ul <hr>
- mai jos veti vedea alte citeva exemple amestecate.

EXEMPLE
â˘ Despre paragrafe si browser
â˘ Despre tag -ul <br>
â˘ Despre tag -ul <h>
â˘ Despre tag -ul <hr>
â˘ Despre atributul bgcolor al tag -ului <body></body>

â˘ Recapitulare
<tag>Descriere
<html>Defineste un document html
<body>Defineste structura unui document html
<h1>- <h6>Defineste header -ul de la 1 la 6
<p>Defineste un paragraf
<br>Defineste trecerea la linia urmatoare
<hr>Defineste trasarea unei linii orizontale