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

Antet

Corp

Un exemplu de document HTML cu structur) elementar) este prezentat mai jos: Exemplul 1.1

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