[Limbajul HTML] Partea 1

by **MeG@DaN** Thu Mar 10, 2011 12:27 pm

1.0 Limbajul HTML

Limbajul
pentru scrierea paginilor Web este HTML
(HyperText Markup Language).De fapt,HTML nu este un limbaj de
programare propriu-zis,ci,mai degraba,un sistem pentru descrierea
modului de afisare a elemntelor din pagina si de stabilire a legaturilor
cu alte documente.Documentele HTML contin text ASCII si o serie de
marcaje specifice(tags).Browserele interpreteaza un document HTML
si il afiseaza.Faptul ca documentele HTML sunt documente text prezinta
doua avantaje principale. Pe de o parte,documentele text pot fi
interpretate pe orice platforma:IBM,Macintosh sau Unix.Pe de alta
parte,ele pot fi scrise folosind programe obisnuite de editare a
textului,de exemplu,"Notepad" pentru Windows.
Un document HTML este
divizat in blocuri numite elemente.Acestea
pot fi incadrate in trei sectiuni principale.Una dintre ele este
sectiunea BODY ,cea care
descrie cum va fi afisat corpul documentului(body) de catre
browser.Alta este sectiunea HEAD,cea
care contine informatii despre documentul HTML:titlul
acestuia,relatiile cu alte documente HTML,etc.A treia sectiune este
pentru declaratii si,fara a fi obligatorie,este plasata la inceputul
documentului HTML.
Dezvoltari succesive ale limbajului HTML au condus
la aparutia limbajelor DHTML(Dynamic HyperText Markup Language)
si XHTML(EXtensible HyperText Markup Language),care vor fi
abordate in urmatoarele mele tutoriale.

Pentru a va face o idee
despre cum o sa arate un document HTML am inclus urmatoarea schema:

[Limbajul HTML] Partea 1 4947ce2ba91a5

1.1 Prima pagina

Exercitiul
1:

Cel mai simplu mod de a construii o pagina Web simpla este
urmatorul:

1.Se lanseaza in executie un editor de text(de
exemplu,"Notepad",in sistemul de operare Windows).Se deschide un nou
document si se scrie textul "Aceasta este o pagina Web"".

2.Se
salveaza fisierul,prin comanda"Save as",care afiseaza caseta de dialog
"Save as".In campul "Save in" se alege directorul in care va fi salvat
fisierul(de exemplu directorul "MyDocuments").In campul "File name" se
tasteaza numele fisierului,care trebuie sa aiba extensia .html sau
.htm,de exemplu "starmedia.html" sau "starmedia.html"(altfel va fi
salvat cu xtensia .txt si nu va fi recunoscut de browser).In caseta
"Save as type" se alege "All Files",iar in caseta "Encoding" se alege
"ANSI".Apoi se actioneaza butonul "Save".

3.Pentru a vizualiza
pagina creata,se lanseaza in executie browserul preferat si,din meniul
acestuia se deschide fisierul.

Observatie:Fisierul
"starmedia.htm este acelasi lucru cu starmedia.html( versiunile vechi
de Windows nu puteau citi extensii de fisiere cu mai mult de trei
caractere.)

Observatie:Documentul
"starmedia.html" este functional,totusi stilul in care a fost creat nu
este unul standard.Exercitiul urmator prezinta un document HTML similar
ca efect cu cel de la exercitiul anterior,dar conform cu specificatiile
HTML,intocmite de W3C(World Wide Web Consortium).

Exercitiul
2:

Cod:<html>
<head>
</head>
<body>
Aceasta
este o pagina Web standard
</body>
</html>

-Se
creeaza un fisier text avand continutul prezentat mai sus.
-Se
salveaza fisierul cu extensia "html" sau "htm".
-Se incarca fisierul
in browser pentru a-l vizualiza.

Observatie:
-Un
document HTML contine text si marcaje.Textul contine informatia care va
fi afisata in pagina Web,iar marcajele precizeaza modul in care acest
text va fi afisat sau permit includerea in pagina a altor
elemente(butoane,legaturi,imagini,sunete,etc.).
-Un marcaj(tag)
este cuprins intre caracterele "<" si ">",putand contine un
cuvant cheie(numele marcajului),o lsita de forma "atribut=valoare" daca
marcajul are atribute sau caracterul "/"(slash) daca este un marcaj
final.
*Un marcaj poate avea mai multe atribute,de exemplu un marcaj
cu doua atribute arata astfel:

Exemplu de marcaje:,, unde "html" si
"body" sunt elemente, "text" si "bgcolor" sunt atribute,iar "red" si
yellow" sunt valori ale atributelor.

Acesta a fost primul
tutorial din HTML.In urmatorul tutorial vom vorbi despre titlul unei
pagini web si formatarea de baza a textului.