 |
ImperiumSv.MyForum.ro
|
| Subiectul anterior :: Subiectul urmator |
| Autor |
Mesaj |
marin
Founder
Data inscrierii: 04/Apr/2008
Mesaje: 48
Localitate: suceava
|
 Trimis: 09/04/2008 10:55 Titlul subiectului: 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.
Inserarea unei adrese
Daca intr-o pagina web trebuie inclusa o adresa ,atunci putem utiliza facilitatile oferite de o eticheta dedicata: <address>...</address>.
| Cod: | <html>
<head>
<title> Adresa</title>
</head>
<body>
Adresa institutiei noastre este :<address> Colegiul Universitar<br>
Str: Victor Babes , Nr:62/A <br>
Baia Mare Romania </address>
</body>
</html> |
[url=http://www.worklance.com/htmltutorial/exemple/bloc/bloc_ex1.html]vezi acest exemplu[/url]
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 adăugat intre etichetele <blockquote>...</blockquote>.
| Cod: | <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> |
[url=http://www.worklance.com/htmltutorial/exemple/bloc/bloc_ex2.html]vezi acest exemplu[/url]
Blocul 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 .
| Cod: | <html>
<head>
<title> Bloc preformatat</title>
</head>
<body>
Orar:<pre>
Ora/Ziua Luni Marti Miercuri
8:00 Romana Matematica Sport
9:00 Geografie Istorie Fizica </pre>
</body>
</html> |
[url=http://www.worklance.com/htmltutorial/exemple/bloc/bloc_ex3.html]vezi acest exemplu[/url]
Intr-un fisier HTML, caracterele "<" si ">" au o semnificatie speciala pentru browser. Ele incadreaza comenzile si atributele de afisare a elementelor intr-o pagina. Daca dorim ca un fragment de text sa contina astfel de caractere, acest fragment trebuie incadrat de una dintre perechile de etichete:
* <xmp>...</xmp> ( 80 de caractere pe rand );
* <listing>...</listing> ( 120 de caractere pe rand ).
Aceste marcaje interpreteaza perfect caracterele " spatiu ", " eticheta " si "CR/LF ". Textul afisat in pagina este monospatiat.
| Cod: | <html>
<head>
<title> xmp si listing</title>
</head>
<body>
Un fisier html standard arata astfel: <xmp> <html>
<head>
<title> </title>
</head>
<body>
O pagina Web ...
</body>
</html> </xmp> </body>
</html> |
[url=http://www.worklance.com/htmltutorial/exemple/bloc/bloc_ex4.html]vezi acest exemplu[/url]
Blocuri paragraf
Cu ajutorul etichetei paragraf <p> este posibil 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 ".
| Cod: | <html>
<head>
<title> Blocuri paragraf</title>
</head>
<body>
întâia linie
<p> Lini generata de un paragraf (implicit paragraful este aliniat la stanga).
<p> 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> 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> |
[url=http://www.worklance.com/htmltutorial/exemple/bloc/bloc_ex5.html]vezi acest exemplu[/url]
Blocuri de titlu
Intr-un text titlurile ( headers ) de capitole pot fi introduse cu ajutorul etichetelor <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 si la dreapta. Tag-ul <h1> îngăduie scrierea unui titlu cu caractere mai mari si aldine, pe cand <h6> foloseste caracterele cele mai mici.
| Cod: | <html>
<head>
<title> Blocuri de titlu</title>
</head>
<body>
<h1> Titlu de marime 1 aliniat in centru </h1>
<h2> Titlu de marime 2 aliniat la dreapta. </h2>
<h4> Titlu de marime 4 aliniat la stanga (implicit) </h4>
</body>
</html> |
[url=http://www.worklance.com/htmltutorial/exemple/bloc/bloc_ex6.html]vezi acest exemplu[/url]
Linii orizontale
Intr-o pagina Web pot fi adăugate linii orizontale.acest fapt se face cu susținerea etichetei <hr>. Pentru a configura o linie orizontala se utilizeaza urmatorele atribute ale etichetei <hr>:
* align permite alinierea liniei orizontala. Valorile posibile sunt " left " ," center " si " right ";
* width permite alegerea lungimii liniei;
* size permite alegerea grosimii liniei;
* noshade cand este prezent defineste o linie fara umbra;
* color permite definirea culorilor liniei.
| Cod: | <html>
<head>
<title> Linii orizontale</title>
</head>
<body>
<h1> Tipuri de linii orizontale </h1> O linie implicita alinierea 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"> Urmeaza o linie aliniata la dreapta , de latime 150 de pixeli, grosime 12 pixeli , de culoare rosie.
<hr align="right" color="red">
</body>
</html> |
[url=http://www.worklance.com/htmltutorial/exemple/bloc/bloc_ex7.html]vezi acest exemplu[/url]
Blocuri <center>
Blocul introdus de etichetele <center>...</center> aliniaza centrat toate elementele pe care le contine.
| Cod: | <html>
<head>
<title> Linii orizontale</title>
</head>
<body>
<center> <hr> <hr> <hr> <hr> <hr> <hr> <hr> </center>
</body>
</html> |
[url=http://www.worklance.com/htmltutorial/exemple/bloc/bloc_ex8.html]vezi acest exemplu[/url]
Blocuri <nobr>
Blocul de text cuprins intre etichetele <nobr>...</nobr> va fi afisat pe o singura linie.
| Cod: | <html>
<head>
<title> Blocul <nobr></title>
</head>
<body>
<nobr> O singura linie.O singura linie.O singura linie.O singura linie.O singura linie. O singura linie.O singura linie.O singura linie.O singura linie.O singura linie. O singura linie.O singura linie.O singura linie.O singura linie.O singura linie.
</nobr>
</body>
</html> |
[url=http://www.worklance.com/htmltutorial/exemple/bloc/bloc_ex9.html]vezi acest exemplu[/url]
Blocuri <div>
Modalitatea cea mai eficienta de delimitare si de formatare a unui bloc de text este folosirea delimitatorilor <div>...</div>. Un parametru extraordinar de foarte util pentru stabilirea caracteristicilor unui bloc <div> ( diviziune ) este align ( aliniere ).
Valorile posibile ale acestui parametru sunt:
* " left " ( aliniere la stanga );
* " center " ( aliniere centrala );
* " right " ( aliniere la dreapta ).
Un bloc <div>...</div> poate include alte subblocuri. In acest caz , alinierea precizata de atributul align al blocului are urmare asupra tuturor subblocurilor incluse in blocul <div>;
Un bloc <div>...</div> admite atributul " nowrap " care interzice intreruperea randurilor de catre browser.
| Cod: | <html>
<head>
<title> Blocul <div></title>
</head>
<body>
Aceasta linie este o linie normala.Urmatorul bloc este aliniat la dreapta.
<div>
O singura linie.O singura linie.O singura linie.O singura linie.<br>
O singura linie.O singura linie.O singura linie.O singura linie.<br>
O singura linie.O singura linie.O singura linie.O singura linie.<br>
</div>
<div>
Bloc aliniat pe centru.Bloc aliniat pe centru.<br>
Bloc aliniat pe centru.Bloc aliniat pe centru.<br>
Bloc aliniat pe centru.Bloc aliniat pe centru.<br>
</div>
</body>
</html> |
[url=http://www.worklance.com/htmltutorial/exemple/bloc/bloc_ex10.html]vezi acest exemplu[/url] |
|
| Sus |
|
 |
|
|
Nu puteti crea un subiect nou in acest forum
Nu puteti raspunde in subiectele acestui forum
Nu puteti modifica mesajele proprii din acest forum
Nu puteti sterge mesajele proprii din acest forum
Nu puteti vota in chestionarele din acest forum
|
Powered by phpBB © 2001, 2002 phpBB Group
Fa-ti si tu propriul forum GRATUIT, pe www.myforum.ro
|
FAQ
Cautare
Membri
Grupuri
Inregistrare
Profil
Mesaje private
Autentificare
