HTML pe înţelesul tuturor

CAP. 4. FORMATAREA TEXTULUI

4.1. Schimbarea aspectului textului

Dacă până acum am vorbit depre formatarea unor întregi secţiuni sau paragrafe, a sosit timpul să ne ocupăm de formatarea textului în detaliu, şi anume de formatarea proprie fiecărui cuvânt sau caracter.

Pentru început vom analiza tag-ul  care stabileşte tipul de caracter folosit, mărimea şi culoarea acestuia. Necesită tag de închidere .

Atributele care definesc acest tag sunt următoarele:

Atribut	Valoare	Descriere
color	rgb(x,x,x) #xxxxxx colorname	Precizează culoarea caracterelor.
face	denumirea tipului de caracter	Precizează tipul de caracter ce va fi folosit în text. Pot fi specificate mai multe tipuri concomitent (pentru cazul în care un utilizator nu are anumit tip de font, de exemplu face=”Arial,Tahoma,Verdana,Helvetica”)
size	o valoare numerică de la 1 la 7	Precizează mărimea caracterelor (valoarea implicită este 3).

Elementul poate fi cuprins în interiorului multor elemente (cum ar fi paragraf, titlu, secţiune etc.), dar la fel de bine aceste elemente se pot afla în interiorul elementului , rezultatele obţinute fiind similare.

<H1>Titlu</H1>  este similar cu

<H1>Titlu </H1>

În exemplul următor vom avea în vedere aspecte legate de elementul şi ne von folosi de acelaşi fişier test.html:

<HTML>

<HEAD>

<TITLE> Schimbarea aspectului caracterelor</TITLE>

</HEAD>

<BODY>

Paragraf în interiorul caruia modificam culoarea caracterelor , aspectul caracterelor , marimea caracterelor sau toate la un loc

</BODY>

</HTML>

Rezultatul afişat va fi următorul:

Notă: Prezenţa elementului în exemplul precedent este facultativă.

4.2. Schimbarea stilului textului

Principalele elementele de stil ce caracterizează corpurile de literă şi care contribuie la evidenţierea acestora, sunt marcate de următoarele tag-uri:

 - are ca efect îngroşarea textului

 - are ca efect italicizarea textului

 - are ca efect sublinierea textului

<BIG> - are ca efect mărirea textului

 - are ca efect micşorarea textului

<TT> - are ca efect spaţierea în mod egal a textului (litera I şi litera M vor acupa acelaşi spaţiu în interiorul unui cuvânt)

<S> <STRIKE> <DEL> - toate au ca efect afişarea ~~textului~~ tăiat cu o linie orizontală

Toate aceste tag-uri necesită tag-uri de închidere.

Pentru exemplificare vom folosi următorul cod:

<HTML>

<HEAD>

<TITLE> Schimbarea stilului caracterelor </TITLE>

</HEAD>

<BODY>

 - B are ca efect îngrosarea textului 

 - I are ca efect italicizarea textului 

 - U are ca efect sublinierea textului 

<BIG> -BIG are ca efect marirea textului </BIG> 

 - SMALL are ca efect micsorarea textului 

<TT> - TT are ca efect spatierea în mod egal a textului (litera I si litera M vor acupa acelasi spatiu în interiorul unui cuvânt) </TT> 

<S> - S are ca efect afisarea textului taiat cu o linie orizontala </S> 

<STRIKE> - STRIKE are ca efect afisarea textului taiat cu o linie orizontala </STRIKE> 

<DEL> - DEL are ca efect afisarea textului taiat cu o linie orizontala </DEL>

</BODY>

</HTML>

Rezultatul afişat va fi următorul:

4.3. Alte elemente de formatare a textului

Pe lângă elementele prezentate mai sus, mai există o serie de elemente cu o utilizare mai restrânsă pe care le vom menţiona pe scurt:

<SUP> - Permite afişarea caracterelor exponent (^superscript)

<SUB> - Permite afişarea caracterelor indice (_subscript)

<EM> - Accentueză un text

 - Întăreşte modul de afişare a unui text

<DFN> - Indică faptul că textul reprezintă definiţia unui termen

<CODE> - Indică faptul că textul reprezintă un cod de calculator

<SAMP> - Indică faptul că textul reprezintă un model de cod de calculator

<KBD> - Indică faptul că textul reprezintă un text de tastatură

<VAR> - Indică faptul că textul reprezintă o variabilă

<CITE> - Indică faptul că textul reprezintă un citat

Toate aceste tag-uri necesită tag-uri de închidere.

4.4. Caractere speciale şi simboluri

Caracterele speciale şi simbolurile care nu se găsesc, în mod obişnuit, pe tastatură, pot fi inserate în text prin secvenţe de cod speciale. Aceste caractere se regăsesc într-un set internaţional de caractere cunoscut şi sub denumirea de ISOLatin-1 (ISO-8859-1).

Caracterele speciale sunt recunoscute de limbajul HTML datorită faptului că încep cu semnul “&” (ampersand) şi se încheie su semnul “;” (punct şi virgulă).

Cele mai uzuale astfel de caractere au fost cuprinse în tabelul următor:

Caracterul special	Reprezentare	Simbolizare
ampersand	&	&
asterisk	&lowast;	*
copyright	©	©
fraction one qtr	¼	¼
fraction one half	½	½
greater-than sign	>	>
less-than sign	<	<
non-breaking space
quotation mark	"	"
registration mark	®	®
trademark sign	™	™

4.5. Aplicaţie practică

Vom pune în practică cele prezentate anterior şi vom crea un nou fişier numit test3.html care va conţine următoarele linii de cod:

<HTML>

<HEAD>

<TITLE> Elemente de formatare a textului</TITLE>

</HEAD>

<BODY>

<H3 ALIGN="center">Titlu de tip H3 </H3>

Inseram un text neformatat caruia începem sa-i aplicam diferite efecte: îngrosam textul , dar va sfatuiesc sa nu îl subliniati deoarece poate fi confundat cu textul unui link.

<TT> Versiunea tiparita </TT>a ghidului <S> este acum disponibila</S> nu este înca disponibila1.

 

1dar poate ca va fi în curând, depinde de volumul cererilor

 

</BODY>

</HTML>

Rezultatul afişat va fi următorul:

Notă: Puteţi observa în codul sursă marcarea tag-urilor atât cu caractere majuscule, cât şi cu caractere minuscule, rezultatul nefiind influenţat de modul de scriere al acestora, întrucât browser-ele nu ţin cont de aceste diferenţe.