Formatarea textului

Formatarea textului

O proprietate care diferentiaz editoarele de text de procesoarele de text este modul n care apare textul n forma final: se pot schimba fonturile, se poate varia mrimea caracterelor, se poate opera asupra alinierii orizontale sau/si verticale?

Aranjarea textului

Unitatea principal de text este paragraful, care se remarc prin lsarea unui spatiu vertical suplimentar dup el. Textul este aliniat, implicit, la stnga si este zdrentuit n partea dreapt.

n lipsa unor marcaje adecvate, nu se vor interpreta trecerile pe un rnd nou (CR/LF-urile), alinierile efectuate din tastatur etc. Aceasta are justificarea c documentele trebuie s fie afisate pe masini diferite, dar mai ales pentru c toate browserele efectueaz wrap automat ceea ce poate interfera inadecvat cu formatri ale autorului. n cazurile cnd este necesar o anumit form de curgere a textului, aceasta se realizeaz prin tagurile prezentate n continuare.

text

are ca efect scoaterea n evident a textului din container prin indentarea din partea stng. Partea dreapt rmne zdrentuit. Tag-ul BLOCKQUOTE provoac si trecerea la un nou paragraf. BLOCKQUOTE poate fi imbricat n taguri precum BLOCKQUOTE, CENTER.

Exemplu:

W. Churchill a zis despre un politician al vremii: Are toate calittile pe care le detest si niciun viciu pe care s-l admir. cuvinte care ...

produce urmtoarea form

reprezint o rupere de rnd, fr a se trece la un nou paragraf (deci fr a se lsa spatiu suplimentar ntre rnduri).CLEAR are efectul anulrii alinierilor precedente cnd marginea stng, dreapt, ambele, sau niciuna sunt libere de imagini flotante (vezi IMG). Exemplu:

My crown is in my heart, not on my head;
Not decked with diamonds and Indian stones,
Nor to be seen: my crown is called content;,
A crown it is that seldom kings enjoy. William Shakespeare va fi vzut ca o strof, indentat din ambele prti (efectul tag-ului BLOCKQUOTE) si cu mprtirea corect n versuri (efectul tag-urilor BR):

Este de remarcat aparitia unui nou tag, la linia final, tag explicat n continuare.

linie de text

produce centrarea liniei de text ntre marginile laterale.Anumite browsere nu recunosc acest tag; unele editoare HTML convertesc tagul n textcare introduce efectul suplimentar al formrii unui nou paragraf cu textul centrat (vezi ).

Utilizarea tagului CENTER este, uneori, echivalent cu .

text

marcheaz nceputul unei noi diviziuni (sectiuni) a documentului.ALIGN indic alinierea textului pentru ntreaga diviziune. Este, de fapt, singurul motiv pentru care poate, deocamdat, s apar tagul DIV. n lipsa optiunii ALIGN nu se produce absolut nimic n prezentarea documentului.text reprezint unul sau mai multe caractere.DIV marcheaz doar locul unde ncepe o noua sectiune n document, ca un simplu comentariu, sau cu posibilitatea de a schimba alinierea textului.Tagul DIV nu produce trecerea pe un rand nou. Exemplu:

nceputul documentului. Este o noua sectiune. Nu se modific nimic.
Se ncepe alt sectiune. Textul este aliniat pe dreapta.

Textul va arta dup cum urmeaz:

Pot s existe diferente dup browserul utilizat. De exemplu, Netscape introduce o rupere de linie la ntlnirea lui DIV.

text []

indic nceputul unui nou paragraf. De observat c tagul de sfrsit este optional si, de fapt, nici nu se utilizeaz n mod uzual (anumite editoare de HTML l genereaz totusi).ALIGN indic alinierea paragrafului. Dac s-a schimbat alinierea, atunci aparitia tagului de sfrsit reface alinierea implicit (la stnga).text este textul paragrafului. n lipsa tagului de sfrsit se consider pn la prima aparitie a unui nou tag P. Exemple au fost date anterior.

text

consider c textul este preformatat si va aplica un font neproportional pentru a afisa exact forma predefinit a textului.width indic lungimea maxim a unui rnd. Unele browsere (inclusiv Netscape Navigator) nu accept atributul WIDTH.Aparitia marcajelor si produce un nou paragraf.Exemplu:

1

1 1

1 2 1

1 3 3 1

1 4 6 4 1

va afisa pe ecranul vizitatorului o imagine similar cu cea de mai sus (scrierea sub form triunghiular:

n timp ce omiterea containerului PRE va produce, datorit neconsiderrii spatierilor si trecerilor pe alt rnd: Formatarea caracterelor

Desi exist multe taguri dedicate formatrii caracterelor, aceast formatare nu este la nivelul celei produse de un procesor de text. Multe taguri sunt lsate la interpretarea browserelor sau constituie rezerva pentru dezvoltri ulterioare. Este de asteptat ca urmtoarele versiuni de HTML s accepte definirea de stiluri, ceea ar facilita formatarea unitar a unui document.

Formatarea caracterelor se poate efectua la nivel fizic, la nivel logic, la nivel de comunicare.

Formatare la nivel fizic

Formatarea la nivel fizic se efectueaz atunci cnd se indic direct fontul, culoarea si/sau stilul n care se afiseaz anumite portiuni de text. text

aplic stilul bold textului. Este utilizat pentru evidentierea anumitor cuvinte, propozitii etc. Nu produce o rupere de rnd.

text este un tag HTML 3.2 si deci posibil s nu fie interpretat de anumite browsere. Are scopul de a schimba dimensiunea, culoarea si/sau fontul pentru textul continut n container.SIZE arat o modificare relativ a dimensiunii fontului n cazul cnd apare + sau -. Setarea poate fi absolut prin indicarea numrului dintre 1 si 7. Mrimea implicit de font este 3.

COLOR indic noua culoare pe care o va avea textul. Codul culorii este dat n formatul hexazecimal RGB: rr reprezint rosu (de la 00 la FF); gg reprezint verde (de la 00 la FF); bb reprezint albastru (de la 00 la FF). color este unul dintre numele acceptate pentru culori. Cele mai uzuale sunt: red, maroon, yellow, green, lime, teal, olive, aqua, blue, navy, purple, fuchsia, black (este culoarea implicita), gray, silver, white.

Pentru a observa modul cum browserul dvs. interpreteaza culorile, att cele denumite, c si cele date prin codul hexazecimal, puteti urmri

FACE specific un nou font dintre cele suportate. n cazul n care se selecteaz un font care nu este accesibil pe calculatorul client, browserul va substitui fontul implicit (posibil Times Roman).

va fi vzut bine pe un terminal color:

Normal, Mai mic, Si mai mic.

Cel mai mic text
Cel mai mare text Acesta este un text albastru, de mrime 4.
Acesta este un text verde, de mrime 4, n Courier. text

aplic textului stilul italic (nclinat). Este utilizat pentru evidentierea anumitor cuvinte, propozitii etc. Nu produce o rupere de rnd.

text

produce "tierea" cu o linie a textului continut (utilizat de obicei pentru producerea unor exemple negative: asa nu se face). Nu are loc rupere de rnd.Fiind un tag nou (HTML 3.2) nu este recunoscut de toate browserele.

text

afiseaz textul n fontul teletype (neproportional). Este utilizat, n general, pentru prezentarea unei iesiri de tip listing (clasic) de calculator. Nu produce o rupere de rnd.

text

subliniaz textul continut. Nu provoac trecerea pe un rnd nou.Sublinierea cu tagul U poate produce, mpreun cu utilizarea unor culori, confuzii cu legturile utilizate ntr-un hipertext. Se va prefera evidentierea textului prin alte mijloace. Formatare la nivel logic

Formatarea la nivel logic se efectueaz atunci cnd se indic doar faptul c o anumit portiune de text trebuie evidentiat fat de textul din jur si se las la latitudinea browserului s efectueze aceast evidentiere. Multe dintre tagurile care realizeaz acest lucru produc acelasi efect vizibil, diferentierea lor fiind lsat browserelor de generatii viitoare.

text

afiseaz textul din container cu dimensiune mai mare dect fontul de baz. Unele editoare HTML (inclusiv Netscape Editor) convertesc tagul BIG in text.Tagul nu produce o rupere de rnd.

text

identific un termen de definitie si-l scrie cu caractere diferite de textul nconjurtor.Este un tag HTML 3.2 si unele browsere nu-l recunosc. Nu produce o rupere de rnd.

text

evidentiaz textul specificat, de obicei prin scrierea italic.Nu produce rupere de rnd.

text

aplic unul dintre cele sase formate predefinite de antet. Fiecare browser are formate proprii pentru stilurile logice H1 ... H6.Este de preferat ca stilurile s se specifice n ordine, deci s nu se utilizeze, de exemplu, H3 fr a fi utilizat H2 etc. Vor fi rezervate, n general, pentru diverse niveluri de titluri.

Browserul cu care vedeti aceast pagin are

urmtoarele stiluri predefinite pentru antete, produse de textul:

Antet 1Antet 2Antet 3Antet 4Antet 5Antet 6Tagurile Hn provoac o rupere de rnd si, implicit, au cte un rnd gol nainte si dup.

text

aplic textului mentionat un font similar intrrii de la tastatur, deci un font neproportional. Multe browsere aplic acelasi font pentru KBD, PRE, TT si alte asemenea (de exemplu Netscape Navigator utilizeaz Courier).Tagul KBD nu provoac o rupere de rnd automat.

text

aplic textului din container un font asemntor iesirii de calculator (neproportional). Multe browsere utilizeaz acelasi font ca pentru TT.Nu produce trecerea pe un rnd nou.

text

afiseaz textul cu o dimensiune mai mic dect textul nconjurtor.Netscape Editor utilizeaz conversia n text.Nu produce rupere automat de rnd.

text

produce o evidentiere pronuntat a textului, uzual prin trecerea n aldine.Nu produce rupere automat de rnd.

text

mut textul selectat mai jos dect linia de baza a textului precedent si aplic un font mai mic (face trecerea n indice inferior).Nu produce rupere automat de rnd.

text

mut textul selectat mai sus dect linia de baz a textului precedent si aplic un font mai mic (face trecerea n indice superior).Nu produce rupere automat de rnd.

Exemplul urmtor arat cum se vizualizeaz texte care fac obiectul unora dintre tagurile prezentate anterior:

Acesta este un text scris cu KBD
Acesta este un text scris cu SAMP
Acesta este un text SMALL
Acesta este un text STRONG
formula apei este H2O,
iar X2 este X*X.

Formatare la nivel de comunicare

n aceast sectiune se prezint taguri dedicate formatrilor specifice pentru anumite tipuri de informatii. Formatrile respective intr tot n categoria formatrilor logice, deci forma de vizualizare depinde de browserul utilizat.

text

prin care se vizualizeaz o informatie de adres, uzual o adres de e-mail.ALIGN indic modul de aliniere.Acest tag provoac trecerea la un paragraf nou.

:

Pentru mai multe informatii contactati-m la val@thor.infoiasi.ro

text

indic o referint, cum ar fi un nume de carte, articol, numele unui autor. Referinta este diferentiat fat de textul curent. Formatarea este logic, deci diferentierea este dependent de browserul utilizat.Nu se produce rupere de rnd:

n acest manual s-au utilizat unele definitii de taguri dup volumul HTML in Plain English

text

aplic textului din container un font neproportional precum cel de calculator (clasic). Forma efectiv de afisaj depinde de browser. Multe browsere utilizeaz acelasi font pentru CODE, KBD, PRE, SAMP si TT.

:

Acesta este un exemplu de utilizare a formatarii CODE.

text

aplic textului din container un font similar iesirilor de calculator. Este un tag pstrat doar pentru compatibilitate cu versiuni mai vechi. Provoac trecerea la un nou paragraf.Este preferabil s se utilizeze tagul PRE pentru realizarea functiunilor LISTING si CODE.

text

produce o evidentiere a textului, uzual prin trecerea n italice. Este o formatare logic, depinde deci de browser, dar este dedicat evidentierii termenilor noi introdusi ntr-un document.Nu produce schimbri n curgerea textului.

Extensii Netscape si Microsoft

Aceste extensii nu sunt recunoscute de toate browserele, dar importanta autorilor le va impune probabil ca standarde.

[]

defineste fontul care va fi utilizat pentru textul care urmeaz tagului BASEFONT.SIZE este mrimea fontului. Implicit este 3.COLOR este culoarea hrtiei. Optiunea este doar Microsoft.NAME specific numele fontului. Optiunea este doar Microsoft.

text

produce "clipirea" textului continut.Este extensie Netscape.

:

Acesta este un exemplu de utilizare a formatrii BASEFONT si BLINK. De remarcat c dimensiunea din BASEFONT se pstreaz n continuare.

text

anuleaza wrap-ul automat al cuvintelor pentru textul din container si ruperile de rnduri generate, cu exceptia celor provocate de BR, P si WBR.Aceasta este extensie Netscape si Microsoft si poate servi la aranjarea unor texte n linii predefinite.

Exemplul care urmeaz poate fi ilustrativ dac veti ncerca s modificati dimensiunea ferestrei de afisare a exemplului.

Acesta este un text care permite ruperea automat a rndurilor si potrivirea pe dimensiunea de afisare. Aici ncepe zona sub actiunea tagului NOBR. Este de remarcat c se pstreaz rndurile asa cum au fost scrise, cele lungi putnd fi vzute cu defilarea orizontal.
Aici s-a utilizat BR pentru trecerea la un nou rnd. Aici s-a utilizat P pentru trecerea la un nou paragraf. Aici s-a iesit de sub influenta NOBR.

insereaz o rupere de rnd, dac aceasta este necesar, ntr-o linie aflat n containerul NOBR, este similar unui cratime optionale (intentia autorilor, dar diverse browsere pot s considere obligatorie trecerea pe un nou rnd).Utilizarea uzual este deci

texttext

Exemplul care urmeaz este bazat pe acelasi text ca si exemplul de la NOBR, dar n cadrul propozitiei lungi s-au introdus taguri WBR. Urmriti ce se ntmpl cu textul la modificarea ltimii ferestrei.

Acesta este un text care permite ruperea automat a rndurilor si potrivirea pe dimensiunea de afisare. Aici ncepe zona sub actiunea tagului NOBR. Este de remarcat c se pstreaz rndurile asa cum au fost scrise, cele lungi putnd fi vzute cu defilarea orizontal.
Aici s-a utilizat BR pentru trecerea la un nou rnd. Aici s-a utilizat P pentru trecerea la un nou paragraf. Aici s-a iesit de sub influenta NOBR. SFRSITde capitol

PAGE 5