Consortiul World Wide Web, W3, a definit si standardizat specificatiile HTML 4.0 si a versiunilor anterioare (1, 1.1, 2.0, 3.2); fiecare versiune a adus instructiuni (numite si controale, marcaje, tag - uri) noi fata de versiunea anterioara. La randul lor si producatorii browserelor realizeaza noi versiuni care sa "inteleaga" noile marcaje; ei introduc uneori si marcaje proprii, in plus fata de specificatiile standard, pe care le "intelege" doar browserul lor.
a) Forma generala a unui fisier HTML este:
<html> - marcajul HTML de deschidere - indica faptul ca informatia care urmeaza este scrisa in limbajul HTML
<head> -marcajul HEAD de deschidere - de aici incepe antetul paginii
<title>Titlul paginii</title> - marcajele pereche TITLE - aici se scriu cateva cuvinte sugestive despre continutul paginii - aceste cuvinte vor apare pe bara de titlu a browserului; daca pagina este adaugata intr-o lista favorita, ele apar ca nume al paginii.
<meta name = "keywords"
content = " o lista de cuvinte ">
<meta name = "description"
content = " o fraza sugestiva ">
alte instructiuni: JavaScript,
CSS, etc. - ajuta motoarele de cautare la gasirea paginii, etc. - ne vom ocupa mai tarziu de ele;
!!! - valorile unor atribute, de exemplu "keywords", trebuie incadrate cu ghilimele duble, drepte ( " ) obtinute cu Shift + tasta de langa Enter, nu ( ' ) sau ( ` ).
</head> - marcajul HEAD de inchidere - aici se termina antetul paginii; tot ce este in antet nu apare in fereastra browserului
<body> - marcajul BODY de deschidere - incepe corpul documentului
- tot ceea ce apare aici va fi afisat in fereastra browserului, dar trebuie formatat cu HTML
</body> - marcajul BODY de inchidere - indica sfarsitul corpului documentului
</html> - marcajul HTML de inchidere
Dupa cum puteti observa, instructiunile HTML (numite si controale, marcaje sau tag-uri) incep cu o paranteza unghiulara deschisa < urmata imediat de numele instructiunii, unul sau mai multe atribute ale instructiunii (optional), apoi de o paranteza unghiulara inchisa >.
Majoritatea instructiunilor sunt perechi; cea de inceput se numeste marcaj de deschidere si este de forma:
<nume_instructiune atribut = valoare_atribut>
iar cea de sfarsit marcaj de inchidere si nu contine atribute sau spatii; este de forma:
</nume_instructiune>.
NU sunt permise spatii decat intre nume_instructiune si atribut. Tot ce se gaseste intre marcajul de deschidere si cel de inchidere va avea caracteristicile marcajului respectiv.
Browserul ignora marcajele pe care nu le intelege si pe cele scrise gresit.
Exemple :
daca simbolizam spatiul prin _ atunci:
Gresit Rezultat Bine Rezultat
<_h3>text</h3> < h3>text <h3> text </h3> text
<_font_size = 5 _ color_=_blue> text <_/_font_> < font size = 5 color = blue> text < / font > <font_size = 5 _ color = blue> text </font> text
b1) Formatarea textului si a caracterelor
Instructiunea Atribute Descriere / Exemple
<!-- comentariu --> - Comentariu in codul sursa; nu este afisat de browser
< b > < / b > - afiseaza textul cu litere aldine (ingrosate)
< i > < / i > - afiseaza textul cu litere italice (inclinate)
< u > < / u > - afiseaza textul subliniat
< sup > < / sup > - afiseaza textul ca indice superior
< sub > < / sub > - afiseaza textul ca indice inferior
< tt > < / tt > - text cu font monospatiu
< big > < / big > - text cu font marit + bold
< pre atribute >
< / pre > - afiseaza pe linie noua textul preformatat, ca in codul sursa, dar ia in considerare instructiunile html
t e x t u l p r e f o r m a t a t ,
< b >adica asa cum arata el in< /b >
codul sursa din Notepad
width = latimea liniilor cu text preformatat (numar caractere); se pare ca este ignorata; pentru width = 10 obtinem:
e l r r a
t x u p e o m t t
t f a
cols = latimea liniilor cu text preformatat (cols=coloane=numar caractere); se pare ca este ignorata; pentru cols = 10 obtinem:
e l r r a
t x u p e o m t t
t f a
wrap atributul wrap se pare ca este ignorat de unele browsere (ex. IE5.5)
< xmp >
< / xmp > - afiseaza pe linie noua textul preformatat, ca in codul sursa, dar nu ia in considerare instructiunile html
t e x t u l p r e f o r m a t a t ,
adica asa cum arata el in
codul sursa din Notepad
Cele de mai jos, pe fond gri, nu ne sunt de prea mult folos si / sau le putem obtine folosind instructiunile de mai sus
< strike > < / strike > - afiseaza textul taiat
< strong > < / strong > - evidentiere logica puternica
< em > < / em> - stil logic de evidentiere
< address >
< / address > - informatii
despre adresa si autor
< cite > < / cite > - citare bibliografica
< dfn > < / dfn > - definitie de cuvant
< var > < / var > - program sau variabila
< code > < / code > - listing de program
< kbd > < / kbd > - text de la tastatura
< samp > < / samp > - exemplu de date introduse de utilizator
< q > < / q > - ar fi trebuit sa aiba un efect asemanator instructiunii BLOCKQUOTE
| alte marcaje : font, paragraf, rigle, etc. |
b2) Formatarea textului si a caracterelor
Instructiunea Atribute Descriere / Exemple
Documentul este oferit gratuit,
trebuie doar să te autentifici in contul tău.
