tutorial

Introducere in HTML

HTML-ul este limbajul specific paginilor WEB. Cu susținerea 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 rațiune 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 <respectiv>, in HTML este <html> respectiv </html> Urmeaza tagurile care deschid si inchid head-ul (partea care contine informatii despre site, titlul sau si care nu apar in continutul pagini): <head> respectiv </head>
Cum ar fi si normal acum scriem tagurile care dechid si inchid continutul pagini: <body> respectiv </body>

Exemplu:

<html>
<head></head>
<body></body>
</html>

<p>Salut !!!</p>
<p>Ma numesc xxxx</p>

Salut !!!<br>
Ma numesc xxxx

Ambele vor arata astfel:

Salut !!!
Ma numesc xxxx

Pentru a insera o fotografie sau o animatie folosim tagul ca in exemplul de mai jos:

Pentru titluri si subtitluri de la cea mai mare la cea mai mica se folosesc tagurile <h1>, <h2>, <h3>, <h4>,<h5>, <h6> respectiv </h1>, </h2>, </h3>, </h4>, </h5>, </h6>.
Pentru a centra un text se foloseste tagul
respectiv
.

Taguri din <head>.
Tagurile din sunt folosite pentru "interiorul" pagini.
Tagul prin care se stabileste titlul ferestrei(cel care apare in bara de titlu) se numeste <title> respectiv </title>
Exemplu:

<title>ABCabc123 Sunt xxxx</title>

Tot in interiorul tagului <head> se scriu si scripturile care sunt fragmente de programe scrise in alte limbaje cum ar fi JavaScript, VBScript, Pearl, C, C++. Aceste scripturi adauga dinamism pagini HTML.

Exemple de pagini HTML simple:
1)
<html>
<head><title>Pagina lui xxxx</title></head>
<body>

<h1>Pagina lui xxxx</h1>

<p>Ma numesc xxx <br> si am xx ani</p>
<h6>Locuiesc in orasul xxxxx</h6>
<h5>judetul xxxxx</h5>
</body>
</html>

2)
<html>
<head><title>Inserarea unei imagini si stabilirea culorii de fundal</title></head>
<body>

<h1>Inserarea unei imagini si stabilirea culorii de fundal</h1>

</body>
</html