Nu este suficient să ştii să scrii, important e să înveţi să scrii frumos! Aranjarea estetică a textului face, de multe ori, dintr-o pagină anostă o pagină reuşită; în limbajul HTML, acest lucru se poate realiza cu ajutorul tag-urilor pentru formatarea blocurilor de text.

<P>...</P> Paragraph

Defineşte un paragraf; porţiunea de text cuprinsă între aceste marcaje va fi separată printr-un rând liber de porţiunea următoare. Marcajul <P> poate fi folosit împreună cu atributul ALIGN (aliniere), care poate lua valorile LEFT (implicit), CENTER, RIGHT, JUSTIFY:

<P ALIGN="LEFT | CENTER | RIGHT | JUSTIFY">...</P>

Exemplul 3.1 ilustrează modul de lucru al acestui tag

<BR> Break Row

De multe ori, creatorul de pagini are nevoie de o trecere pe rândul următor, fără să înceapă un paragraf nou; această operaţie se realizează cu tag-ul <BR> (Break Row, rupe linia; acest marcaj nu are închidere); scrierea versurilor din exemplul 3.1 a fost realizată cu <BR>

<NOBR> No Break Row

În alte cazuri, din motive numai de el ştiute, creatorul de pagini web poate interzice ruperea unui rând (realizată în mod automat de browser în funcţie de dimensiunile ferestrei sau ecranului); dacă se apelează la o asemenea măsură, browser-ul va afişa o bară de derulare (scroll) orizontală. Tag-ul corespunzător este <NOBR>...</NOBR> (No Break Row).

Exemplul 3.2 modul de lucru al tag-ului <NOBR>

<CENTER>...</CENTER>

Un marcaj foarte folositor pentru alinierea centrată a textului, dar şi a altor obiecte din pagina web (imagini, tabele etc.) este

<CENTER>...</CENTER>

Exemplul 3.3 ilustrează modul de lucru al acestui tag

<Hx> Heading

Cei care au cunosc foarte bine un editor de text avansat, ştiu că formaterea titlurilor pentru un document de dimensiuni mari se poate face lejer folosind stilurile de Heading. HTML ne oferă această posibilitate prin marcajul <Hx>...</Hx>, unde x este o cifră între 1 şi 6 (cel mai mare, respectiv cel mai mic heading; valoarea implicită este 4).

Exemplul 3.4 afişează toate dimensiunile de heading-uri

<HR> Horizontal Rule

Delimitarea blocurilor de text se poate face introducând în pagină o linie orizontală (Horizontal Rule, HR). Marcajul <HR> trasează o linie orizontală, cu mărimea egală cu a ecranului, grosimea de 2 pixeli şi de culoare gri; el nu are închidere şi poate fi folosit împreună cu următoarele atribute:

ALIGN="LEFT | CENTER | RIGHT" dacă specificăm o mărime a liniei mai mică decât lăţimea ecranului, putem să o aliniem la stânga (LEFT), central (CENTER, implicit) sau la dreapta (RIGHT)
COLOR="numeculoare | #rrggbb" putem specifica culoarea liniei prin nume sau cod
SIZE="x" specifică grosimea liniei, exprimată în pixeli
NOSHADE linia nu va avea efectul de umbră
WIDTH="x" specifică lungimea liniei, exprimată în pixeli

Evident, aceste atribute pot fi combinate pentru obţinerea efectului dorit.

Exemplul 3.5 ilustrează diverse moduri de utilizare ale marcajului <HR>

Tips & Tricks:  

<MARQUEE>...</MARQUEE>

Un efect foarte interesant se poate obţine prin derularea orizontală a unei porţiuni de text pe ecran; tag-ul care realizează acest lucru este <MARQUEE> şi se poate folosi împreună cu următoarele atribute:

ALIGN="TOP | MIDDLE | BOTTOM" stabileşte alinierea verticală: TOP (implicit) în partea superioară a paginii, MIDDLE - la mijlocul paginii, BOTTOM - în partea inferioară a paginii

Exemplul 3.6 modificaţi sursa acestei pagini pentru a observa alinierea

BEHAVIOR="SCROLL | SLIDE | ALTERNATE" stabileşte comportamentul: SCROLL (implicit) derulare continuă, SLIDE - textul se opreşte la marginea ecranului, ALTERNATE - textul parcurge ecranul pe rând în ambele direcţii.

Exemplul 3.7 ilustrează aceste tipuri de comportament

BGCOLOR="numeculoare | #rrggbb" stabileşte culoarea de fundal

Exemplul 3.8

HEIGHT="x | %", WIDTH="x | %" stabilesc înălţimea, respectiv lăţimea şi sunt exprimate în pixeli sau în procente din înălţimea, respectiv lăţimea ecranului

Exemplul 3.9

DIRECTION="LEFT | RIGHT" setează direcţia de derulare (implicit LEFT)
LOOP="n" setează de câte ori se derulează textul (implicit INFINITE)
HSPACE="x", VSPACE="x" setează distanţa în pixeli, pe orizontală, respectiv verticală, între textul derulant şi textul sau alte elemente ale paginii aflate în vecinătate

Exemplul 3.10 editaţi sursa acestui exemplu, modificând valorile pentru HSPACE şi VSPACE şi observaţi rezultatul

SCROLLAMOUNT="x" specifică distanţa (în pixeli) cu care înaintează textul derulant la fiecare afişare
SCROLLDELAY="x" specifică intervalul (în milisecunde) între 2 afişări succesive

Exemplul 3.11 editaţi sursa acestui exemplu, modificând valorile pentru SCROLLAMOUNT şi SCROLLDELAY şi observaţi rezultatul

<BLOCKQUOTE>...</BLOCKQUOTE>

Marchează un text ca fiind un citat; textul respectiv este trecut automat două rânduri mai jos şi indentat faţă de textul de bază.

Exemplul 3.12

<LISTING>...</LISTING>

Marchează un text ca fiind un listing; textul respectiv este trecut automat două rânduri mai jos, indentat faţă de textul de bază şi afişat cu font cu lăţime fixă, micşorat.

Exemplul 3.13

<PRE>...</PRE> Pre-formatted

Permite afişarea unui bloc de text preformatat, respectându-se toate caracteristicile textului de bază (spaţii, indentări etc.); afişarea se face cu font cu lăţime fixă. Tag-ul se poate folosi împreună cu atributul

WIDTH="40 | 80 | 132"

care stabileşte numărul de caractere de pe un rând (implicit 80).

Exemplul 3.14

<PLAINTEXT>

Este un marcaj cu efect radical care transformă tot textul ce-l urmează în text normal (Plain), scris cu un font monospaţiat şi-l coboară cu două rânduri mai jos; orice alt marcaj de formatare nu mai are efect şi este tratat ca un text obişnuit

Exemplul 3.15

<TAB>...</TAB> Tab Stop

Permite alinierea unui bloc de text cu ajutorul tab-urilor; suportă atributul

ALIGN="LEFT | CENTER | RIGHT | DECIMAL" pentru alinierea tab-ului

<XMP>...</XMP>

Poate fi folosit pentru prezentarea unor blocuri de text cu font cu lăţime fixă; textul respectiv este trecut automat două rânduri mai jos.

Exemplul 3.16

<!-- comentariu -->
<COMMENT>... </COMMENT>

Aceste două marcaje sunt echivalente şi permit introducerea unor comentarii în sursa unei pagini web; aceste comentarii sunt pur descriptive şi nu vor fi afişate în pagină.

Exemplul 3.17 vizualizaţi sursa acestei pagini  Exerciţii

Exerciţiul 3.1: Creaţi pagina paragraf.html în care afişaţi paragrafe cu cele patru tipuri de aliniere
Exerciţiul 3.2: Realizaţi pagina nobr.html, în care folosiţi marcajele <BR> şi <NOBR>
Exerciţiul 3.3: Creaţi pagina heading.html în care afişaţi texte cu toate dimensiunile posibile pentru heading; aliniaţi centrat aceste texte
Exerciţiul 3.4: În pagina hzrule.html, afişaţi o linie orizontală normală; exemplificaţi apoi toate atributele pentru marcajul <HR>
Exerciţiul 3.5: Realizaţi paginile marquee1.html - marquee9.html, în care să exemplificaţi toate atributele pentru marcajul <MARQUEE>; vizualizaţi aceste pagini în Internet Explorer!
Exerciţiul 3.6: Creaţi pagina parafrm1.html în care afişaţi, pe rând, texte formatate cu marcajele <BLOCKQUOTE>, <LISTING>, <XMP>, <PLAINTEXT> (în această ordine)
Exerciţiul 3.7: Creaţi pagina parafrm2.html în care afişaţi, pe rând, texte formatate cu marcajele <PRE> şi <TAB>, exemplificând ş atributele acestora
Exerciţiul 3.8: În pagina comment.html, afişaţi un text comentat cu ajutorul celor două marcaje specifice

 Teste
Daca doriti eliminarea reclamelor, va rugam sa ne contactati.
Google