Previzualizare descriere:

Extras din descriere:

Blocuri de text

Aceste etichete nu se refera la particularitatiile caracterelor ce compun textul, ci la functiile pe care le poate avea un bloc de text in cadrul paginii Web.

Toate aceste etichete produc automat trecerea la un rand nou si adaugarea unui spatiu suplimentar.

Indentarea unui bloc

Pentru ca un bloc de text sa fie indentat (marginea din stanga a textului sa fie deplasata la dreapta la o anumita distanta fata de marginea paginii), acesta trebuie inclus intre etichetele:

<blockquote> </blockquote>

Exemplu:

<html>

<head>

<title> Indentarea unui bloc</title>

</head>

<body>

Textul ce urmeaza este indentat: <blockquote> Aceste etichete nu se refera la particularitatiile caracterelor ce compun textul, ci la functiile pe care le poate avea un bloc de text in cadrul paginii Web. Toate aceste etichete produc automat trecerea la un rand nou si adaugarea unui spatiu suplimentar. </blockquote>

</body>

</html>

Bloc preformatat

Intr-un bloc <pre> </pre>, semnificatia marcajelor HTML se pastreaza.

Blocul <pre> </pre> este indicat pentru a insera randuri vide (spatiu intre randurile succesive). Caracterul "spatiu" poate fi luat in considerare de browser daca este inserat explicit prin &nbsp.

<html>

<head>

<title> Bloc preformatat</title>

</head>

<body>

Orar:<pre>

<b>Ora / Ziua

<p> Luni</b>

8:00 Romana

9:00 Geografie

10:00Istorie </pre>

</body></html>

Blocuri paragraf

Cu ajutorul etichetei paragraf <p> este posibila trecerea la o linie noua si permite:

* inserarea unui spatiu suplimentar inainte de blocul paragraf;

* inserarea unui spatiu suplimentar dupa blocul paragraf, daca se foloseste delimitatorul </p> (acesta fiind optional);

*alinierea textului cu ajutorul atributului align, avand valorile posibile "left", "center" sau "right".

<html>

<head>

<title> Blocuri paragraf</title>

</head>

<body>

Prima linie

<p> Linie generata de un paragraf (implicit paragraful este aliniat la stanga).

<p align=right> Paragraf aliniat la dreapta. Paragraf aliniat la dreapta. Paragraf aliniat la dreapta. Paragraf aliniat la dreapta. Paragraf aliniat la dreapta. Paragraf aliniat la dreapta. Paragraf aliniat la dreapta.

<p align=center> Paragraf aliniat in centru. Paragraf aliniat in centru. Paragraf aliniat in centru. Paragraf aliniat in centru. Paragraf aliniat in centru. Paragraf aliniat in centru. Paragraf aliniat in centru.

</body>

</html>

Blocuri de titlu

Intr-un text titlurile de capitole (headers) pot fi introduse cu ajutorul etichetelor:

<Hi> </Hi>, unde i=1,6

Respectiv: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>.

Toate aceste etichete se refera la un bloc de text si trebuie insotite de o eticheta de incheiere similara.

Aceste etichete accepta atributul align pentru alinierea titlului blocului de text la stanga (in mod prestabilit), in centru sau la dreapta. Tag-ul <h1> permite scrierea unui titlu cu caractere mai mari si aldine, pe cand <h6> foloseste caracterele cele mai mici.

<html>

<head>

<title> Blocuri de titlu</title>

</head>

<body>

<h1 align=center> Titlu de marime 1 aliniat in centru </h1>

<h2 align=right> Titlu de marime 2 aliniat la dreapta. </h2>

<h4> Titlu de marime 4 aliniat la stanga (implicit) </h4>

</body></html>

Linii orizontale

Intr-o pagina Web pot fi inserate linii orizontale. Acest lucru se face cu ajutorul etichetei <hr> (horizontal rule). Pentru a configura o linie orizontala se utilizeaza urmatoarele atribute ale etichetei <hr>:

<HR size=n color=c width=n% align=a noshade>

* size permite alegerea grosimii liniei;

* color permite definirea culorii liniei;

* width permite alegerea lungimii liniei (cat % din suprafata ecranului ocupa linia orizontala inserata);

* align permite alinierea liniei pe orizontala. Valorile posibile sunt "left", "center" si "right";

* noshade cand este prezent defineste o linie fara umbra;

<html>

<head>

<title> Linii orizontale</title>

</head>

<body>

<h1 align="center"> Tipuri de linii orizontale </h1>

O linie implicita aliniata la stanga, latime 100%, grosime 2, cu umbra.

<hr>

Urmeaza o linie aliniata in centru, de latime 50%, grosime 5 pixeli, fara umbra.

<hr align=center width=50% size=5 noshade>

Urmeaza o linie aliniata la dreapta, de latime 150 de pixeli, grosime 12 pixeli, de culoare rosie.

<hr align=right width=150 size=12 color=red>

</body>

</html>

Blocuri <center>

Blocul introdus de etichetele <center> </center> aliniaza centrat toate elementele pe care le contine.

<html>

<head>

<title> Linii orizontale</title>

</head>

<body>

<center> <hr width=10%> <hr width=40%> <hr width=70%> <hr width=100%> <hr width=70%> <hr width=40%> <hr width=10%> </center>

Download gratuit

Documentul este oferit gratuit,
trebuie doar să te autentifici in contul tău.

Alte informații:
Tipuri fișiere:
doc
Diacritice:
Nu
Nota:
9/10 (1 voturi)
Nr fișiere:
1 fisier
Pagini (total):
9 pagini
Imagini extrase:
9 imagini
Nr cuvinte:
1 895 cuvinte
Nr caractere:
11 121 caractere
Marime:
14.68 KB (arhivat)
Nivel studiu:
Liceu
Tip document:
Descriere
Materie:
TIC (Tehnologia informatiei si Comunicarii)
Tag-uri:
text, html, etichete
Data publicare:
26.10.2016
Structură de fișiere:
  • HTML.doc
Predat:
la liceu
Profil:
Real
Specializare:
Matematică–informatică

Ai gasit ceva în neregulă cu acest document?

Te-ar putea interesa și:
Ce este HTML? Redus la esenta, Limbajul de Marcare HiperText (HiperText Markup Language - HTML)...
HTML (HyperText Markup Language) a fost dezvoltat initial de Tim Berners-Lee in anul 1989, ca...
Limbajul HTML este un limbaj ce permite descrierea paginilor web. ? HTML = Hyper Text Markup...
. Cel mai simplu mod de a crea pagini web Paginile Web pot fi realizate in mai multe moduri, cel...
Etichete pentru legaturi si imagini Legaturi <a> Defineste o legatura sau o ancora...
Sus!