TML-ul este limbajul specific paginilor WEB. Cu ajutorul lui se pot face pagini statice.
De ce HTML?
Fiind un limbaj bazat pe taguri (<> - de deschidere,> - de inchidere) este usor de invatat si de folosit. Din acest motiv este bine sa incepi programarea WEB cu el.
Fundatia/Taguri de baza.
Ca orice limbaj trebuie sa aiba o formula de inceput si de sfarsit: cum in PHP este, in HTML este respectiv Urmeaza tagurile care deschid si inchid head-ul (partea care contine informatii despre site, titlul sau si care nu apar in continutul pagini): respectiv
Cum ar fi si normal acum scriem tagurile care dechid si inchid continutul pagini: respectiv
Exemplu:
Cel mai simplu tag este cel pentru crearea unui paragraf nou:
care are rolul de a rupe randul:( trece la randul urmator)
Exemplu:
Salut !!!
Ma numesc xxxx
Pentru a insera o imagine sau o animatie folosim tagul ca in exemplul de mai jos:
,
, , , , , .
Pentru a centra un text se foloseste tagul respectiv .
Taguri din .
Tagurile din sunt folosite pentru "interiorul" pagini.
Tagul prin care se stabileste titlul ferestrei(cel care apare in bara de titlu) se numeste respectiv
Exemplu:
Exemple de pagini HTML simple:
1)
De ce HTML?
Fiind un limbaj bazat pe taguri (<> - de deschidere,> - de inchidere) este usor de invatat si de folosit. Din acest motiv este bine sa incepi programarea WEB cu el.
Fundatia/Taguri de baza.
Ca orice limbaj trebuie sa aiba o formula de inceput si de sfarsit: cum in PHP este
Cum ar fi si normal acum scriem tagurile care dechid si inchid continutul pagini: respectiv
Exemplu:
- Cod:
<html>
<head></head>
<body></body>
</html>
Cel mai simplu tag este cel pentru crearea unui paragraf nou:
respectiv
- Cod:
<p>Salut !!!</p>
<p>Ma numesc xxxx</p>
care are rolul de a rupe randul:( trece la randul urmator)
Exemplu:
- Cod:
Salut !!!<br>
Ma numesc xxx <br>
Salut !!!
Ma numesc xxxx
Pentru a insera o imagine sau o animatie folosim tagul ca in exemplul de mai jos:
- Cod:
<img src="calea_imagini/numele_imagini.extensia" alt="Textul care va aparea daca imaginea nu poate fi incarcata" width="valoarea in cifre a latimii imagini" height="valoarea in cifre a inaltimii imagini" border="latimea bordurii">
, , , ,, respectiv
, , , , , ., ,, respectiv
, respectiv
Pentru a centra un text se foloseste tagul
Taguri din .
Tagurile din sunt folosite pentru "interiorul" pagini.
Tagul prin care se stabileste titlul ferestrei(cel care apare in bara de titlu) se numeste
Exemplu:
- Cod:
<title>ABCabc123 Sunt xxxx</title>
Exemple de pagini HTML simple:
1)
- Cod:
<html>
<head><title>Pagina lui xxxx</title></head>
<body>
<center><h1>Pagina lui xxxx</h1></center>
<p>Ma numesc xxx <br> si am xx ani</p>
<h6>Locuiesc in orasul xxxxx</h6>
<h5>judetul xxxxx</h5>
</body>
</html>
- Cod:
<html>
<head><title>Inserarea unei imagini si stabilirea culorii de fundal</title></head>
<body>
<center><h1>Inserarea unei imagini si stabilirea culorii de fundal</h1></center>
<img src="iulius/iulius.gif" alt="Aici e textul alternativ">
</body>
</html>