[Tutorial HTML] Titluri, Paragrafe, Un nou rand, Linie orizo

#1 de BoGdY
Nume Tutorial: Titluri, Paragrafe, Un nou rand, Linie orizontala
Descriere: Titluri, Paragrafe, Un nou rand, Linie orizontala
Download:
Autor: Anonim
Sursa (Link-ul oficial):
tutorialeonline
Propria parere: Folositor.
Tutorialul:

1. Titluri <Hx> ... </Hx>

- Pentru titluri din conţinutul documentului HTML este indicat folosirea etichetelor <Hx>, (headings) unde 'x' este un număr între 1 şi 6.
- În cadrul elementului BODY, elementele Headings sunt folosite ca titluri sau pentru o mai bună împărţire a conţinutului paginii.
- Mărimea textului înconjurat de elementul Heading variază de la foarte mare, în <H1> până la foarte mic în <H6>.
Mai jos puteţi vedea exemplu:

Cod HTML

Cod: Selectaţi tot

 <html>
 <head>
    <title>Titlu documentului</title>
 </head>
 <body>
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>
    <h4>Heading 4</h4>
    <h5>Heading 5</h5>
    <h6>Heading 6</h6>
 </body>
 </html>
Cum apare în pagină

Cod: Selectaţi tot

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
2. Paragraf <p> ... </p>

- Paragrafele permit să adaugi text în document astfel încât lungimea de afişare a textului va fi ajustată de mărimea deschiderii browser-ului şi fiecare paragraf va începe un nou rând.
- Distanţa dintre două paragrafe succesive este mare deoarece browser-ul le afişează cu un rând gol între ele.
Mai jos puteţi vedea exemplu:

Cod: Selectaţi tot

<html>
 <head>
    <title>Titlu documentului</title>
 </head>
 <body>
    <p>Paragraf 1</p>
    <p>Paragraf 2</p>
    <p>Paragraf 3</p>
    <p>Paragraf 4</p>
 </body>
 </html>
3. Un nou rând <br>

- Tag-ul <br> permite să decizi unde textul va începe un nou rând, astfel se forţează începerea unui nou rând.
- <br> este un Element Gol dar poate să conţină atribut. <br> nu are şi nu cere element de închidere, nu se foloseşte </br>
Mai jos puteţi vedea exemplu:

Cod: Selectaţi tot

<html>
 <head>
    <title>Titlu documentului</title>
 </head>
 <body>
    <h1>Heading 1</h1>
    <p>Paragraf 1<br>
       Linie 2<br>
       Linie 3<br>
       ... </p>
    <p>Paragraf 2</p>
 </body>
 </html>
- Elementul <br> foloseşte un singur atribut – CLEAR care poate avea valoarea LEFT, RIGHT sau ALL, şi sunt folosite dacă este o imagine pe pagină. Atributul CLEAR forţează o linie în jos. Dacă o imagine este aşezată în partea stângă a paginii, valoarea LEFT va muta cursorul jos la prima linie din marginea stângă.

4. Linie orizontală <hr>

- Acest element afişează o linie orizontală în document
- Acest element nu foloseşte element de închidere [</hr>]
- Elementul <hr> foloseşte următoarele atribute:

- SIZE = lăţimea liniei, în pixeli (standard este 2)
- WIDTH = lungimea liniei, în pixeli sau procente din lungimea afişării paginii (standard 100%)
- NOSHADE = afişează linia fără a avea un aspect 3D
- ALIGN = aliniază linia (Left, Center, Right), adică Stânga, Centru sau Dreapta paginii ( Standard centru)
- COLOR = setează culoarea liniei

Mai jos puteţi vedea exemplu:

Cod: Selectaţi tot

<html>
 <head>
    <title>Titlu documentului</title>
 </head>
 <body>
    <h1>Heading 1</h1>
    <p>Paragraf 1<br>
       Linie 2<br>
       Linie 3<br>
       ... </p>
    <hr>
    <hr color="#1111fe" size="4" width="50%">
    <p>Paragraf 2</p>
 </body>
 </html>
Scrie răspuns

Înapoi la “Tutoriale HTML”

Cine este conectat

Utilizatori răsfoind acest forum: Niciun utilizator înregistrat și 0 vizitatori