5 Stiluri de Text HTML

Cap 5.
Stiluri de text
In documentele pe care la veti creea veti folosi diferite stiluri de text pentru a pune in evidenta anumite cuvinte
sau pentru a le acorda o seminficatie dorita (citate, nume, etc). Pentru aceasta veti specifica explicit valori pentru
unele din atributele ale unui font:
corpul de litera
culoare fontului
stilul fontului
dimensiunea fontului
Controale pentru stilul fontului

Cel mai usor mod de a marca un anumit stil corespunzator unui text in documentul dumneavoastra este de a folosi
controalele care modifica stilul fontului dupa cum urmeaza:
 se foloseste pentru scrierea cu caractere ingrosate (Bold).
 se folooseste pentru scrierea cu caractere inclinate (Italics).
 este folosit atunci cand se doreste ca un anumit pasaj din text sa fie subliniat.
<TT> indica folosirea fontului monospatiu, adica acea forma de scriere in care fiecare caracter ocupa pe latime
acelasi spatiu. Acest tip de font este asemanator cu cel utilizat se catre masinile de scris.
 se foloseste pentru scrierea indicilor inferiori.
 se foloseste pentru scrierea indicilor superiori.
<STRIKE> este folosit pentru scriere unui text "taiat" cu o linie orizontala.
Este obligatorie prezenta etichetelor de sfarsit a controalelor mai sus mentionate pentru a putea delimita
portiunea de text asaupra careia se aplica stilul de font dorit.
Exemplu: Utilizarea controalelor pentru stilul fontului
<body>
<h1>Documet cu formatare de text</h1>
<h2>Introducere in astronomie</h2>
Astronomia este stiinta care studiaza miscarea, structura, originea si evolutia corpurilor ceresti si a
sistemelor de corpuri, precum si interactiunile acestora cu campurile in care se gasesc. Totalitatea corpurilor ceresti si
a campurilor cu care interactioneaza constitue ceea ce, in mod curent, numim Univers, concept fundamental al
astronomiei. 
(...)


Astronomia studiaza atat forma de substanta a materiei cat si forma de camp. Evident, cele doua
forme ale materiei nu trebuie concepute separat, intre ele existand o <tt>interactiune permanenta</tt>, care
conditioneaza <tt>evolutia materiei la o scara cosmica.</tt> Relatia dintre cele doua forme de existenta a materiei
o gasim in Ecuatia lui Einstein:

E = mc2

(...)
<hr>
<h2>Ecuatia de gradul al II-lea</h2>

Exercitiu:

Fiind data ecuatuia x2 - 3x + 2 = 0 , solutiile acestei <strike>functii</strike>
ecuatii sunt: 
x1 = 1, x2 = 3 
sau 
x1 = 1, x2 = 2 ?
Controlul 
Acest control permite specificare atributelor care privesc tipul caracterelor, dimensiunea si culoarea lor. El se
aplica pentru a formata un bloc de text in vedrea afisarii lui cu anumite caracteristici dorite de catre creatorul
documentului. Atributele pe care le avem la indemana sunt:
Face folosit pentru alegerea corpului de litera utilizat. Valoarea atribuita acestei proprietati trebuie sa fie un
nume de font valid. Este recomandabil sa folositi fonturile "clasice" pentru a va asigura ca browserul va rcunoaste tipul
de font specificat.
Exemplu:

Deoarece diferitele sisteme (Windows, Machintosh, etc) nu recunosc aceleasi fonturi, se pot atribui proprietatii
Face una sau mai multe valori separate prin virgula. Astfel sistemul va alege primul font valid gasit in lista.

Size folosit pentru a specifica dimensiunea fontului utilizat si poate lua valori de la 1 la 7. Valoare atribuita
dimensiunii fontului poate fi de doua tipuri:
absoluta
- specifica dimensiunea exacta a fontului.
Exemplu:

relativa
- specifica dimensiunea fontului fata de cea a fontului actual.
Exemplu:

In exemplul de mai sus dimensiunea fontului este majorata cu o unitate.
In cazul in care valoarea specificata este mai mica decat 1 sau mai mare decat 7, interpretorul HTML va va
lua ca dimensiune valida pe 1, respectiv 7.
Valoarea imlicita a dimensiunii fontului este, de obicei, 3.
Color este atributul cu ajutorul caruia se poate stabili culoarea textului marcat. Valorile acestei proprietati se
pot scrie fie cu ajutorul codului hexazecimal al culorii, fie cu ajutorul numelui celor 16 culori de baza.
Exemplu:



Utilizarea culorilor in text nu trebuie sa genereze situatii ambigue. Astfel, un text afisat cu
culoare albastra va avea acelasi aspect cu cel al unei legaturi catre un alt fisier. De
asemenea, folosirea in exces culorilor poate da documentului un aspect neplacut si obositor
Exemplu: Utilizarea atributelor fontului
<body>
<h1> Folosirea elementului FONT</h1>
<h2>101 DALMATIANI</h2>
Dr.Pavlov era un extraordinar psihanalist.
Daduse dovada de mare maiestrie in schimbarea comportamentului animalelor,
reusind chiar sa imprieteneasca o vulpe cu o gasca. 
Cea mai mare realizare a lui a fost insa schimbarea 
comportamentului nesuferitei 
Cruella de Vil. 
Dupa trei ani de inchisoare 
, pentru ca furase pui de dalmatian, a vindecat-o pe
Cruella de dorinta ei nesabuita de a avea
haina din blanite de dalmatieni.
</body>
Controlul <BASEFONT>
Daca dorim sa alegem un anumit tip de font, o anumita dimensiune sau culoare a fontului care sa fie valabile pe intreg
continutul documentului, se va utiliza marcajul BASEFONT.
Exemplu:
<body>
<basefont color=blue size=5>
...
</body>
Astfel textul continut in documentul de mai sus va fi afisat cu culoarea albastra si va avea dimensiunea de 5 unitati.
Exceptie fac doar tabelele si acele pasaje de text care au controale HTML de formatare a textului care impun alte
atribute de afisare.
Observatie!
Controalele si <Basefont> nu mai sunt necesare in versiunea HTML 4.0. Setarea optiunilor de afisare a
textului se face cu ajutorul atributului style corespunzator elementului vizat. Versiunile mai vechi ale programelor de
explorare nu recunosc, insa, acest atribut. De aceea decizia de a folosi una sau alta dintre variante trebuie sa ia in
considerare toate avantajele si dezavantajele posibile.
Stiluri logice de formatare a textului

Exista cateva stiluri predefinite de punere in evidenta a unui text:
 - pentru evidentiere puternica
 - pentru scriere cu caractere italice
<Cite> - pentru inserare de citate
<Code> - pentru listing de program
<Dfn> - pentru definitie de cuvant
<Blockquote> - pentru a pune in evidenta un bloc de text. Blocul de textul va fi indentat spre dreapta fata de marginea
stanga a elementului care il contine.
<Pre> - folosit pentru afisarea textului "preformatat". Textul marcat de etichetele de inceput si sfarsit ale acestui control
va fi afisat de catre browser intr-o forma aproape identica cu aceea in care a fost scris in sursa documentului HTML.
Astfel, se vor respecta spatiile libere si trecerea la linie noua, dar caracterele vor fi afisate cu font de tip monospatiu.
Mai trebuie sa amintim aici si posibilitatea de a marca modificarile aparute in versiunile ulterioare ale
documentului cu ajutorul controalelor <Ins> si <Del>. Dar despre ele nu putem spune ca aplica un stil predefinit
textului pe care il marcheaza, deoarece modalitatea in care acesta este afisat in fereastra programului de explorare
Web difera foarte mult de la program la program. De obicei aceste marcaje contin atributul datetime pentru a informa
despre data de la care sunt valabile modificarile pe care aceste controale le notifica.
Exemplu: Utilizarea stilurilor logice pentru text

<body>
<h1>Utilizarea stilurilor logice de formatare a textului</h1>
<h2>Stiluri logice de formatare a textului</h2>
Acestui pasaj nu i s-a aplicat nici un stil de formatare. 
Folosirea elementului "STRONG": 
Pasajul acesta trebuie sa fie deosebit de important... 
Folosirea elementului "EM": 
Denumirea Astronomiei provine dein cuvintele grecesti "astron" - astru si
"nomos" - lege.
Folosirea elementului "CITE": 
In discursul din 14 ianuarie 1960, J.F.Knnedy spunea: 
<cite>"Intrebati-va nu ce poate tara sa faca pentru fiecare in parte , ci ce poate fiecare sa faca
pentru tara."</cite>
Folosirea elementului "CODE": 
Iata un exemplu foarte simplu de program scris in limbajul Java: 
<code>
 public class Exemplu 
 { 
 public int i; 
 for (i = 0;i!=10;i++) 
 System.out.println("Rezultat = " +2*i); 
 }</code>
Folosirea elementului "DFN": 
Definitia cercului: 
<dfn>"Cercul este multimea punctelor din plan situate la aceeasi distanta de un punct fix numit centru"</dfn>
Folosirea elementului "BLOCKQUOTE": 
Un scurt pasaj din gandurile kui Jimi Hendrix:
<blockquote>"Cate inca mii de ani pe aceasta idioata cale? Simtiti cat de dureros apasa toate aceste
granite si limitari? Acest cadru ne face caraghiosi. Anumalul e condamnat doar pentru pielea-i
vesnica; drumul pe care orice alta carare nu este decat o urma fara sfarsit.
Dar omul este altfel, tocmai pentru ca se extinde in permanenta, cucereste si cauta si naste
nelinisti imprevizibil de indepartate. Nelinistea este doar rascrucea vietii, indicatorul spre
satiile libertatii..." </blockquote>
Folosirea elementului "PRE": 
<pre>Acest pasaj de text este
tiparit
intr-o forma identica
cu cea
existenta in fisierul sursa</pre>
</body>

5 Stiluri de Text HTML

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

5 Stiluri de Text HTML

Încărcat de

Drepturi de autor:

Formate disponibile

Cap 5.

Controale pentru stilul fontului

<Font Color = red>

Stiluri logice de formatare a textului

Exemplu: Utilizarea stilurilor logice pentru text

S-ar putea să vă placă și