Introducere in HTML

 
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului TutorialeGaming - Speram sa va placa forumul! :: Tutoriale XHTML/HTML
Subiectul anterior :: Subiectul urmator  
Autor Mesaj
KaDaVrU
Founder
Founder
KaDaVrU

Data inscrierii: 26/Mai/2008
Mesaje: 128
Localitate: Baia Mare
MesajTrimis: 07/06/2008 15:06    Titlul subiectului: Introducere in HTML Raspunde cu citat (quote)
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 motiv 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 natural acum scriem tagurile care dechid si inchid continutul pagini: <body> respectiv </body>

Exemplu:

Cod:

<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 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">


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

_________________
Dute tAre viNo lenT,Pentru mIne na-I Tal3nt :P
Sus
Vezi profilul utilizatorului Trimite mesaj privat Trimite un mesaj
Afiseaza mesajele pentru a le previzualiza:   
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului TutorialeGaming - Speram sa va placa forumul! :: Tutoriale XHTML/HTML Ora este GMT + 2 ore
Pagina 1 din 1

 
Mergi direct la:  
Nu puteti crea un subiect nou in acest forum
Nu puteti raspunde in subiectele acestui forum
Nu puteti modifica mesajele proprii din acest forum
Nu puteti sterge mesajele proprii din acest forum
Nu puteti vota in chestionarele din acest forum




Powered by phpBB © 2001, 2002 phpBB Group
Fa-ti si tu propriul forum GRATUIT, pe www.myforum.ro
Charcoal2 Theme © Zarron Media