Introducere in HTML!

Acoustic · Trimis: 03/02/2008 22:20 Titlul subiectului: 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 absolut 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:
Code:
<html>
<head></head>
<body></body>
</html>

Taguri simple.
Cel mai rudimentar tag este cel pentru crearea unui paragraf nou: <p> respectiv </p>

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

Un inlocuitor bun pentru acest tag este tagul <br> care are rolul de a rupe randul:

Exemplu:
Code:
Salut !!!<br>
Ma numesc xxxx

Ambele vor arata astfel:

Salut !!!
Ma numesc xxxx

Pentru a insera o poză sau o animatie folosim tagul <img> ca in exemplul de mai jos:

Code:
<img>

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 <center> respectiv </center>.

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

Code:
<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)

Code:
<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>

2)

Code:
<html>
<head><title>Inserarea unei imagini si stabilirea culorilor de fundal</title></head>
<body>
<center><h1>Inserarea unei imagini si stabilirea nuanței de fundal</h1></center>
<img>
</body>
</html>

Sursa : error.ro