Paragrafe

Paragrafe
In limbajul Html, paragraful este introdus in documente prin tagul <P>. Primele versiuni Html definesc acest tag ca fiind un marcaj vid, deci fara un corespondent </P>. La intalnirea marcajului de paragraf, navigatorul lasa cateva randuri libere intre paragraful care tocmai s-a terminat si paragraful care tocmai incepe, deci nu se lasa un 'alineat' la inceputul paragrafului asa cum se intampla cu tipariturile clasice. Incepand cu Html 2.0 tagul <P> este nevid, insa tagul </P> este optional. Daca nu se foloseste marcajul in forma container, paragraful se va termina la intalnirea unui alt marcaj <P>

Daca se doreste doar terminarea unui rand intr-un anumit loc si continuarea pe urmatorul rand, se va folosi tagul vid <BR>.

Pentru a delimita sectiunile unui document este prevazut si marcajul care introduce o linie orizontala. Acesta este primul marcaj invatat de noi pentru care rezultatul obtinut va diferi de la un navigator la altul (mai precis de la Internet Explorer - prescurtat IE si Netscape Navigator).
Marcajul este <HR> si are rolul de a trasa o linie orizontala pe toata latimea ferestrei navigatorului.
Internet Explorer permite utilizarea anumitor atribute pentru acest marcaj, si anume:

>Size = valoare_numerica - precizeaza grosimea in pixeli a liniei;
>Color = culoare - specifica o culoare pentru linie (vezi capitolul 6 - Culori si imagini)
>Width = val_numerica_sau_procent - spune cat de mare sa fie linia in raport cu marimea ferestrei navigatorului

In exemplul de mai jos vedeti diverse tipuri de linii (daca vizualizati documentul cu IE):
 

linie obisnuita
 

linie de grosime 5
 

linie albastra de grosime 3
 

linie de 50 pixeli lungime
 

linie cu lungimea de 40% din marimea ferestrei
 

Acest efect a fost obtinut prin urmatorul cod Html:

<HR> <Center>linie obisnuita</Center><BR>
<HR Size=5> <Center>linie de grosime 5 </Center><BR>
<HR Size=3 Color='red'> <Center>linie rosie de grosime 3 </Center><BR>
<HR Width=50> <Center>linie de 50 pixeli lungime </Center><BR>
<HR Width=40%> <Center>linie cu lungimea de 40% din marimea ferestrei </Center><BR>
 

De retinut ca Netscape nu implementeaza si atributul de culoare a liniilor, deci toate liniile sunt de aceeasi culoare.

>O cale usoara de inserare a unei linii cu FrontPage, se face accesand comanda 'Insert/Horizontal Line' din meniul principal. Ca urmare a acestei comenzi, programul va insera o linie standard, care ulterior va putea fi modificata, asa cum este ilustrat si in figura de mai jos.

>Fereastra de mai sus descrie proprietatile unei linii orizontale. 'Width' configureaza lungimea liniei (100=intindere pe toata latimea ferestrei) iar 'Height' configureaza inaltimea care standard este 2. De asemenea se poate configura si culoarea liniei 'Color', culoare care insa va fi vizibila numai cu un navigator ca Internet Explorer.

Stilurile caracterelor
Tagurile pentru titluri, paragrafe, liste afecteaza blocul de text continut in ansamblul sau, schimband fonturile si spatierea verticala. Tagurile pentru stilurile caracterelor afecteaza modul in care sunt afisate cuvintele continute: cursiv, ingrosat, subliniat.
Stilurile fizice indica navigatorului cum sa afiseze textul continut, fiind definite urmatoarele marcaje:
 

<B> Acesta va fi un text ingrosat </B>
<I> Acesta va fi un text cursiv </I>
<U> Acesta va fi un text subliniat </U>
 

Aceste taguri se pot combina pentru obtinerea textelor cursive si ingrosate, ingrosate si subliniate, e.t.c
Stilurile logice indica doar cum anume va fi utilizat textul marcat, lasand la latitudinea navigatorului modul de afisare. Tagurile logice indica doar faptul ca textul este o definitie, o bucata de cod sau doar o portiune de text care trebuie scoasa in evidenta in raport cu restul documentului. Tagurile definite de Html sunt:

<EM></EM> - text accentuat
<STRONG></STRONG> - text puternic accentuat
<CODE></CODE> - secventa de cod afisata cu font fix
<DFN></DFN> - definitie sau cuvant ce urmeaza a fi definit
<CITE></CITE> - citat scurt
<BLOCKQUOTE></BLOCKQUOTE> - citat lung
<ADDRESS></ADDRESS> - informatiile cu privire la autor si la adresa acestuia
 

dar navigatoarele nu le interpreteaza pe toate conform specificatiilor din Html. De exemplu, in IE nu veti putea vedea vreo diferenta intre un text ingrosat si un text marcat cu <Strong> Nu este bine sa abuzati de aceste marcaje, ele fiind utile doar pentru scoaterea in evidenta a anumitor portiuni din document, utilizarea lor excesiva ducand la obtinerea unui text greu lizibil si enervant.

>In momentul in care veti dori sa modificati textul, fereastra de mai sus va fi afisata. Aceasta fereastra clasica permite selectarea unui font, a marimii acestuia, si a culorii. Remarcati in partea dreapta jos, a ferestrei sectiunea 'Sample' (Mostra Text).