Introducere in html

Subiect: Introducere in html Mier Iun 06, 2007 11:03 pm

Introducere in HTML

HTML-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 <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 simplu 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
care are rolul de a rupe randul:

Exemplu:
Code:
Salut !!!

Ma numesc xxxx

Ambele vor arata astfel:

Salut !!!
Ma numesc xxxx

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

Code:

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:

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>
<h1>Pagina lui xxxx</h1>
<p>Ma numesc xxx
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 culorii de fundal</title></head>
<body>
<h1>Inserarea unei imagini si stabilirea culorii de fundal</h1>

</body>
</html>