Principiile codificãrii în HTML

Structura unui document HTML
Introducerea si formatarea textului
Marcaje pentru modificarea aspectului textului

Structura unui document HTML

Un document HTML contine de obicei douã sectiuni :

Sectiunea HEAD (cuprinsã între <HEAD> si </HEAD>) contine antetul paginii. Ea furnizeazã un ansamblu de informatii legate de pagina Web, de exemplu: titlul paginii, cuprins între marcajele <TITLE> si </TITLE>, afisat pe bara de titlu a ferestrei browserului, fisierul continând secventa sonorã care va fi reprodusã în momentul încãrcãrii paginii, indicat cu ajutorul marcajului <BGSOUND> (ex: <BGSOUND SRC="lotd.wav" LOOP="-1">), etc..
Sectiunea BODY (cuprinsã între <BODY> si </BODY>) contine corpul paginii.

Cele douã sectiuni sunt cuprinse între marcajele <HTML> si </HTML> care marcheazã începutul respectiv sfârsitul paginii.

Introducerea si formatarea textului

Marcajele uzuale pentru formatarea textului sunt :

<BR> - marcaj trecere fortatã la linie nouã ;
<NOBR> . . . </NOBR> - interzice trecerea la linie noua ex : <NOBR> 096 125236 </NOBR>
<P> . . . </P> - marcare paragraf. Acest marcaj admite atributul ALIGN prin care se impune tipul de aliniere a textului dorit (LEFT - stânga, CENTER - centrat si RIGHT - dreapta).

Exemplu :

<P ALIGN=CENTER> Contactati-ne la 096 123 234</P>

<H1> . . . </H1> - marcaj titlu (heading). Ca si într-un procesor de texte, se pot folosi marcaje diferite pentru titluri de diferite nivele : H1, H2, ..., H6. Nivelul 4 coincide cu textul normal. Mãrimea caracterelor pentru nivelele 5 si 6 este mai micã decât cea normalã. Si acest marcaj admite atributul ALIGN : <H1 ALIGN=CENTER>Cresterea cailor de rasã</H1>
<CENTER> ... </CENTER> - determinã centrarea textului cuprins între marcaje. Titlul de mai sus se poate scrie si folosind acest marcaj :

<H1><CENTER> Cresterea cailor de rasã</CENTER></H1>

<PRE> . . . </PRE> - se foloseste pentru a impune programului de navigatie respectarea, pentru zona de text cuprinsã între marcaje, a caracterelor CR (RETURN sau ENTER) si a spatiilor. De regulã programele de navigatie ignorã aceste caractere, formatarea facându-se folosind numai informatiile furnizate de marcaje. La afisare, textul cuprins intre <PRE> si </PRE> va fi afisat folosind fontul Courier New, pentru care toate caracterele au aceeasi lãtime.

Exemplu :

Canititãti :
Lapte       2 l
Faina     650 g
Oua         4 buc.

Adãugarea de spatii suplimentare în alte cazuri se va realiza prin includerea pentru fiecare spatiu suplimentar a sirului de caractere " ". Similar se procedeazã si pentru adãugarea unui caracter special (de exemplu a caracterelor românesti). Dacã pagina este redactatã cu Netscape Composer, înserarea unui caracter special se va face selectând Tools / Character Tools / Insert Special Character.

În finalul indexului a fost inclus un tabel cu codificarea principalelor caractere speciale.

În WordPad, pentru a obtine caracterele românesti tastati :

Astfel textul "doi români într-o garã" va fi scris : "doi români într-o garâ"

Exercitiu : Scrieti într-o pagina Web poezia de mai jos. Fiecare strofã va fi un paragraf, astfel asigurându-se spatierea acestora.

NUMAI UNA!

George Cosbuc

Pe umeri pletele-i curg râu
Mladie ca un spic de grâu,
Cu sortul negru prins în brâu,
O pierd din ochi de draga.

Si când o vad, îngalbenesc ;
Si când n-o vad, ma-mbolnavesc,
Iar când merg altii de-o petesc,
Vin popi de ma dezleaga.

Marcajul  permite scrierea în pagina Web a unui comentariu.

Exemplu :

Marcaje pentru modificarea aspectului textului

<B> . . . </B> - pentru marcarea ca bold a textului cuprins între marcaje;

<I> . . . </I> - pentru marcarea unei zone de text ca fiind scrisã înclinat (italic) ;

<STRIKE> . . . </STRIKE> - pentru a indica scrierea cu caractere barate a unui bloc de text ;

<U> . . . </U> - pentru marcarea textului care se scrie subliniat ;

<SUP> . . . </SUP> - pentru marcarea textului care va fi scris ca exponent ;

<SUB> . . . </SUB> - pentru marcarea textului care va fi scris ca indice ;

<BIG> . . . </BIG> - pentru marcarea textului care va fi scris mãrit ;

<SMALL> . . . </SMALL> - pentru marcarea textului care va fi scris micsorat ;

<FONT . . . > . . . </FONT> - determinã schimbarea fontului curent.
Atributele marcajului <FONT> :

FACE=" . . . " ; Între ghilimele se introduce numele fontului dorit si eventual unul sau mai multe fonturi de substitutie dacã pe calculatorul care afiseazã pagina primul font specificat nu este instalat.
SIZE="n" - determinã scrierea textului cuprins între marcaje cu caractere de mãrimea n. Mãrimea este o valoare între 1 (caracterele cele mai mici) si 7 (caracterele cele mai mari). Valoarea 3 este cea implicitã.
COLOR="#rrggbb" - indicã culoarea caracterelor fontului. Codul "#rrggbb" aratã combinatia de rosu (rr) verde (gg) si albastru (bb) care se va folosi. Valorile sunt în hexazecimal, deci cuprinse între 00 si FF.

Exemplu :

CountryBlueprint

Arial

<BASEFONT SIZE="n"> - se introduce înaintea textului paginii si impune mãrimea fontului. Numarul n este o valoare între 1 (scrisul cel mai mic) si 7 (cel mai mare scris). Textele marcate ca si titluri (cu <Hn>) nu sunt afectate.
<TT> . . . </TT> - determinã imprimarea textului dintre marcaje cu caractere de aceeasi lãtime, ca si cele imprimate cu o masina de scris.
<BODY TEXT="#rrggbb"> . . . </BODY> - schimbã culoarea scrisului pentru toatã pagina.
<BODY BGCOLOR="#rrggbb"> . . . </BODY> schimbã culoarea fondului pe toatã pagina.

Principiile codificãrii în HTML

Structura unui document HTML Introducerea si formatarea textului Marcaje pentru modificarea aspectului textului

Structura unui document HTML

Introducerea si formatarea textului

NUMAI UNA!

Marcaje pentru modificarea aspectului textului

Structura unui document HTML
Introducerea si formatarea textului
Marcaje pentru modificarea aspectului textului