Extras din curs
2.1. Stilurile caracterelor
{n sfirsit pagina dvs. contine ceva, chiar daca este vorba numai de un nume. Vom analiza in continuare elementele de formatare a caracterelor. Sunt disponibile doua stiluri : stiluri fizice si stiluri logice. Tag-urile pentru stilurile fizice indica browser-ului cum anume sa fie afisat textul marcat. Tag-urile pentru stilurile logice indica doar cum anume sa fie utilizat textul marcat, nu si cum anume sa fie afisat.Tag-urile stilurilor logice indica doar faptul ca textul este o definitie, o portiune de text care trebuie scoasa in evidenta in raport cu contextul. Este complet la latitudinea browser-ului (si uneori a utilizatorului acestuia) sa determine cum va fi afisat textul marcat cu aceste tag-uri, daca va fi ingrosat, italic sau in alt fel.Atat tag-urile fizice cat si cele logice sunt taguri nevide. Sa vedem in continuare care sunt tag-urile corespunzatoare celor doua stiluri :
Stiluri fizice :
Nume tag Utilizare
<B>...</B> Text ingrosat
<I>...</I> Text italic
<TT>...</TT> Text monospatiat (typewriter)
Stiluri logice :
Nume tag Utilizare
<EM>...</EM> Text accentuat
<STRONG>...</STRONG> Text accentuat mai puternic decat in cazul <EM>
<CODE>...</CODE> Secventa de cod afisata cu font fix (ex. Courier)
<SAMP>...</SAMP> Esantion; similar cu <CODE>
<KBD>...</KBD> Text tastat de utilizator
<VAR>...</VAR> Nume de variabila
<DFN>...</DFN> Definitie; cuvant ce va fi definit
<CITE>...</CITE> Citat
Sa vedem cum folosim stilurile fizice. Pagina noastra contine doar un nume. Vom adauga in continuare data si locul nasterii. Continutul paginii devine urmatorul:
<HTML>
<HEAD>
<TITLE>Ionescu Marius Homepage !</TITLE>
</HEAD>
<BODY>
<B>Ionescu Marius</B>
<TT>Data si locul nasterii : </TT>
<I>12.mai.1975 Bucuresti</I>
</BODY>
</HTML>
Desi in mod normal ne-am astepta ca pe ecran sa avem trei linii, tot textul se va gasi pe o singura linie. Pentru a corecta acest lucru vom introduce un nou tag. Acesta este <BR> si determina trecerea la linia urmatoare. Este un tag vid. Folosirea lui in exemplul nostru este aratata mai jos:
<HTML>
<HEAD>
<TITLE>Ionescu Marius Homepage !</TITLE>
</HEAD>
<BODY>
<B>Ionescu Marius</B>
<BR>
<TT>Data si locul nasterii : </TT>
<I>12.mai.1975</I>
</BODY>
</HTML>
Pentru a asigura un spatiu mai mare intre randuri atunci se folosesc mai multe taguri <BR>; de exemplu <BR><BR> va asigura un spatiu de doua linii libere. {n mod asemanator cu tag-urile pentru stilul fizic, se pot folosi si tag-urile pentru stilurile logice. Inserati listingul de mai jos in fisierul HTML, inainte de tag-ul </BODY> si observati stilurile cu care sunt afisate textele respective.
<EM>Text accentuat</EM>
<STRONG>Text puternic accentuat</STRONG>
<CODE>Secventa de cod</CODE>
<SAMP>Esantion</SAMP>
<KBD>Text tastat de utilizator<KBD>
<DFN>Definitie</DFN>
<CITE>Un scurt citat</CITE>
{n urmatoarea imagine puteti vedea cum se prezinta stilurile fizice si cele logice. Realizati fisierul HTML din figura 1-4.
Preview document
Conținut arhivă zip
- Comunicatii internet.doc