Curs 3

CURS 3
Blocuri de text
Text preformatat
Afiarea unui bloc de text ca i n codul sursa, dar s
ia n considerare instruciunile html, se face prin

ncadrarea blocului de text ntre etichetele <pre> i
</pre>.
Exemplul 22
<html>
<head>
<title>Exemplul 22</title>
</head>
<body>
<pre>
<b>Primul rand</b>
<i>Al doilea rand</i>
<u>Al treilea rand</u>
</pre>
</body>
</html>
Blocuri paragraf
Trecerea la un paragraf nou se realizeaz
utiliznd eticheta <p>.

Alinierea textului se poate face cu ajutorul
atributului align. Acest atribut poate lua
urmtoarele valori:
left aliniat la stnga (aliniere implicit);

center aliniat la centru;
right aliniat la dreapta;
justify aliniat la ambele margini.
Exemplul 23
<html>
<head>
<title>Exemplul 23</title>
</head>
<body>
<p>Primul paragraf este aliniat la stnga<u>(implicit)</u>.
<p align=center><i>Al doilea paragraf</i> este aliniat la centru.
<p align=right><b>Al treilea paragraf </b> este aliniat la dreapta.
<p align=justify>Al patrulea paragraf este aliniat la ambele margini. Al patrulea
paragraf este aliniat la ambele margini. Al patrulea paragraf este aliniat la
ambele margini.
</body>
</html>
Observaie
Deosebirile ntre etichetele <br> i <p> sunt:

eticheta <p> insereaz un spaiu suplimentar nainte de blocul
paragraf;
se poate alinia textul cu ajutorul atributului align.
Blocul <div>
Pentru formatarea i delimitarea unui bloc de
text, modalitatea cea mai eficient este

ncadrare textului ntre etichetele <div> i
</div>.
Alinierea textului se poate face cu ajutorul
atributului align. Acest atribut poate lua
urmtoarele valori:

right aliniat la dreapta;
justify aliniat la ambele margini.
Exemplul 24
<html>
<head><title>Exemplul 24</title></head>
<body>
<div>Primul paragraf este aliniat la stnga<u>(implicit)</u>. </div>
<div align=center><i>Al doilea paragraf</i> este aliniat la centru. </div>
<div align=right><b>Al treilea paragraf </b> este aliniat la dreapta. </div>
<div align=justify>Al patrulea paragraf este aliniat la ambele margini. Al
patrulea paragraf este aliniat la ambele margini. Al patrulea paragraf este
aliniat la ambele margini. </div>
</body>
</html>
Observaie
Deosebirea ntre etichetele <div> i <p> este faptul c prima las un

spaiu mai mare deasupra i dedesubtul paragrafului, pe cnd <div>
las spatiul egal cu cel dintre rnduri.
Indentarea unui bloc de text
Indentarea blocului de text cu un TAB fa de ambele margini

(stnga i dreapta) ale spaiului disponibil (pagin, celul de tabel,
etc.) se realizeaz prin includerea textului ntre etichetele
<blockquote> i </blokquote>.
Exemplul 25
<html>
<body>
Textul urmtor este indentat:
<blockquote>Acest bloc de text este indentat
cu un TAB fata de ambele margini ale
paginii.</blockquote>
</body>
</html>
Blocuri de titlu
Etichetele
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
sunt folosite pentru titluri i subtitluri ntr-un document.

Alinierea titlului se poate face cu ajutorul atributului align. Acest
atribut poate lua urmtoarele valori:

right aliniat la dreapta.
Exemplul 26
<html>
<body>
<h1>Titlu de marimea 1</h1>
<h2 align=center>Titlu de marimea 2</h2>
<hr>
<h4 align=left>Titlu de marimea 4</h4>
<hr>
<h6 align=right>Titlu de marimea 6</h6>
</body>
</html>
Observaii
Eticheta <h1> e cea mai mare, iar <h6> e cea mai
mic.
Caracterele cuprinse ntre etichetele<h1> ( sau <h2>,
etc ) i </h1> (sau </h2>, etc) vor aprea ngroate, iar
textul ce urmeaz etichetei de nchidere va trece
automat dou rnduri mai jos.
Blocul <center>
Blocul de text ncadrat ntre etichetele <center> i </center> este
aliniat la centru.
Exemplul 27
<html>
<body>
<center>
<hr width=25%>
Text aliniat la centru
<hr width=25%>
</center>
</body>
</html>
Derularea textului
Etichetele <marquee> i </marquee> se utilizeaz pentru a anima
textul dintr-o pagin Web.

Atributele etichetei <marquee> pot fi:
behavior se utilizeaz pentru stabilirea tipului de animaiei. Acest

atribut poate lua urmtoarele valori: scroll (derulare), slide (alunecare)
sau alternate (alternat);
direction se utilizeaz pentru stabilirea direciei micrii. Valoarea
acestui atribut poate fi left sau right;
width i height se utilizeaz pentru stabilirea dimensiunii casetei;
bgcolor se utilizeaz pentru stabilirea culorii de fundal al casetei;
scrollamount se utilizeaz pentru stabilirea numrului exact de pixeli
dintre fiecare afiare succesiv a textului animat;
scrolldelay se utilizeaz pentru stabilirea numrului de milisecunde
dintre fiecare reafiare a textului animat.

Curs 3

Î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

Curs 3

Încărcat de

Drepturi de autor:

Formate disponibile

CURS 3

ia n considerare instruciunile html, se face prin

utiliznd eticheta <p>.

left aliniat la stnga (aliniere implicit);

Deosebirile ntre etichetele <br> i <p> sunt:

text, modalitatea cea mai eficient este

left aliniat la stnga (aliniere implicit);

Deosebirea ntre etichetele <div> i <p> este faptul c prima las un

Indentarea unui bloc de text

Indentarea blocului de text cu un TAB fa de ambele margini

sunt folosite pentru titluri i subtitluri ntr-un document.

left aliniat la stnga (aliniere implicit);

right aliniat la dreapta.

textul dintr-o pagin Web.

behavior se utilizeaz pentru stabilirea tipului de animaiei. Acest

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