7 Capitolul 1 Structura unui document HTML simplu sistemul UNIX ...

Capitolul 1
Structura unui document HTML simplu
Documentele HTML sunt fi iere text obi nuite cu extensia *.html (în
sistemul UNIX *.htmll, iar în DOS – *.htm). Cel mai simplu
document HTML are urm)toarea structur):
Un exemplu de document HTML cu structur) elementar) este
prezentat mai jos:
Exemplul 1.1
Antet
Corp
Exemplul 1
Exemplul 1
7

SALUT!
E primul pas în lumea publica"iilor electronice.
Exercitiu Scrie"i acest fi&ier într-un procesor de texte,
salva"i-l, &i deschide"i o copie a lui în Internet Explorer.
Fig. 1 Exemplul 1.1 vizualizat în Internet Explorer
Tagurile (instruc0iunile-semne speciale utilizate pentru
formatarea documentului) sunt separate pe linii aparte doar pentru
comoditatea în0elegerii. Sistemele browser ignoreaz) spa0iile
suplimentare i semnele sfâr inului de rând din fi ierele HTML.
fi ierul din exemplu ar putea ar)ta i astfel:
Exemplul 1
SALUT!
E primul pas în lumea publica"iilor electronice.
8

Exerci"iu: Scrie"i acest fi&ier într-un procesor de texte,
salva"i-l, &i deschide"i o copie a lui în Internet Explorer.
E u or de observat c) toat) informa0ia despre formatul
documentului se con0ine în tag-urile lui i nu în modul de aranjare a
datelor surs) (cum se întâmpl) în documentele scrise).
Tagurile se marcheaz) cu semnele "". De cele mai
multe ori tagurile sunt pare , adic) pentru fiecare de deschidere
exist) tagul de închidere cu acela i nume, dar cu ad)ugarea "/".
Tagurile pot fi scrise atât cu majuscule, cât i cu minuscule –
browserul le va în0elege în acela i fel. Exemplu: , i
sunt identice.
Mai multe taguri con0in, în afar) de numele s)u atribute –
elemente, care poart) informa0ii suplimentare despre aceea cum
trebuie s) fie prelucrat tagul. În exemplul propus asemenea atribute
lipsesc, dar vor fi introduse în compartimentele urm)toare.
Taguri obligatorii
... Tagul deschide orice document HTML.
La fel, tagul închide un document HTML.
... Aceast) pereche de taguri marcheaz) începutul i
sfâr itul „p)r0ii de serviciu” a documentului. De cele mai multe ori
acest compartiment con0ine pe lâng) titlul (vezi descrierea tagului
) documentului mai multe date de serviciu, despre care vom
vorbi în capitolele urm)toare.
... Toat) informa0ia plasat) între tagurile i
, va fi interpretat) ca titlul documentului. Majoritatea
sistemelor browser vor include titlul în titlul ferestrei la deschiderea
documentului, iar în cazul tiparului vor plasa acest titlu pe fiecare
pagin) a documentului tip)rit. În general pentru titlu se recomand) o
secven0) din nu mai mult de 64 simboluri.
9

... Aceast) pereche indic) începutul i, respectiv
sfâr itul corpului (con0inutului) documentului HTML.
... — ... Tagurile de tip (i — o cifr)
de la 1 la 6) descriu subtitluri de 6 nivele diferite (dup) dimensiunea
caracterelor). Subtitlul de nivel H1 este cel mai mare, respectiv de
nivel H6 – cel mai m)runt.
... Descrie un paragrag. Totul ce este inclus între o pereche
i va fi considerat ca un singur paragraf.
Tagurile i pot con0ine atributul auxiliar ALIGN
(aliniere), de exemplu:
alinierea subtitlului pe centru
sau
Paragraf aliniat dup) marginea dreapt)
Vom totaliza acum cele studiate mai sus în urm)torul exemplu:
Exemplul 1.2
Exemplul 1.2
Un document HTML putin mai complicat
Salut
Este un exemplu mai complicat al documentului HTML
Acum noi cunoa&tem c3 textul poate fi aliniat nu numai la stinga
dar &i pe centru
sau pe partea dreapta
10

Acum cunoa te0i suficient pentru a crea documente cu o
structur) elementar), ce con0in text în formatul HTML. În cele ce
urmeaz) vom dezvolta aceste cuno tin0e. Vom începe cu prelucrarea
paragrafelor.
Fig. 2 Exemplul 1.2 vizualizat în browserul Intermet Explorer
11