Introducere in HTML

Flooryn · Trimis: 06/12/2007 18:51 Titlul subiectului: 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 <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 imagine 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 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>
<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>
_________________
Introducere in HTML Introducere in HTML

noganoga · Trimis: 06/08/2012 12:54 Titlul subiectului:

Strange article! She would have me as interested, but not! Anyway, thank you. Sorry for my English i am from Kiev))))

noganoga · Trimis: 08/08/2012 01:11 Titlul subiectului:

I like your post, very interesting indeed.

noganoga · Trimis: 09/08/2012 13:23 Titlul subiectului:

Thanks for taking the time to post. It's lifted the level of deatbe

noganoga · Trimis: 19/08/2012 09:08 Titlul subiectului:

Very useful information

noganoga · Trimis: 20/08/2012 21:01 Titlul subiectului:

I love your style