Titluri, Paragrafe, Un nou rand, Linie orizontala


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

  • - Pentru titluri din continutul documentului HTML este indicat folosirea etichetelor <Hx>, (headings) unde 'x' este un numar intre 1 si 6.
  • - In cadrul elementului BODY, elementele Headings sunt folosite ca titluri sau pentru o mai buna impartire a continutului paginii.
  • - Mărimea textului înconjurat de elementul Heading variază de la foarte mare, in <H1> pana la foarte mic in <H6>.

Mai jos puteti vedea exemplu:
Cod HTMLCum apare in pagina
<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>		Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

2. Paragraf <p> ... </p>



  • - Paragrafele permit sa adaugi text in document astfel incat lungimea de afisare a textului va fi ajustata de marimea deschiderii browser-ului si fiecare paragraf va incepe un nou rând.
  • - Distanta dintre doua paragrafe succesive este mare deoarece browser-ul le afiseaza cu un rând gol intre ele.

Mai jos puteti vedea exemplu:
Cod HTMLCum apare in pagina
<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>
Paragraf 1
Paragraf 2
Paragraf 3
Paragraf 4

3. Un nou rand <br>

  • - Tag-ul <br> permite sa decizi unde textul va incepe un nou rând, astfel se forteaza începerea unui nou rând.
  • - <br> este un Element Gol dar poate sa conţin atribut. <br> nu are si nu cere element de închidere, nu se foloseste </br>

Mai jos puteti vedea exemplu:
Cod HTMLCum apare in pagina
<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>		Heading 1
Paragraf 1
Linie 2
Linie 3
...
Paragraf 2
- Elementul <br> foloseşte un singur atribut – CLEAR care poate avea valoarea LEFT, RIGHT sau ALL, si sunt folosite daca este o imagine pe pagina. Atributul CLEAR forţează o linie in jos. Daca o imagine este aşezata in partea stanga a paginii, valoarea LEFT va muta cursorul jos la  prima linie din marginea ştanga.

4. Linie orizontala <hr>


  • - Acest element afiseaza o linie orizontala in document
  • - Acest element nu foloseşte element de închidere [</hr>]
  • - Elementul <hr> foloseste urmatoarele atribute:
    • - SIZE = latimea liniei, in pixeli (standard este 2)
    • - WIDTH = lungii liniei, in pixeli sau procente din lungimea afisarii paginii (standard 100%)
    • - NOSHADE = afiseaza linia fara a avea un aspect 3D
    • - ALIGN = aliniaza linia (Left, Center, Right), adica Stanga, Centru sau Dreapta paginii ( Standard centru)
    • - COLOR = seteaza culoarea liniei

Mai jos puteti vedea exemplu:
Cod HTMLCum apare in pagina
<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>		Heading 1
Paragraf 1
Linie 2
Linie 3
...
Paragraf 2

Comentarii

Trimiteți un comentariu

Postări populare de pe acest blog

Marcatori si numerotare

Imagine
HTML contine cateva tag-uri utile pentru asezarea continutului in pagina. Prin acestea textul este mai usor de citit si evidentiat. 1. Elementele pentru marcatori si numerotare Un element des folosit in formarea listelor (neordonate) este  <ul> . -  <ul>  este elementul de început si dupa scrierea listei se incheie cu  </ul> . - Majoritatea elementelor pentru marcatori si numerotare sunt compuse din unu sau mai multe elemente  <li> ... </li>  (list element). Fara atributul "type" specificat in "<ul>" acestea prezintă un marcaj ca un bullet. Mai jos puteti vedea exemplu. <html> <head> <title>titlu documentului</title> </head> <body> <ul> <li>List item 1 ...</li> <li>List item 2 ...</li> <li>List item 3 ...</li> </ul> </body> </html> - In pagina web apare asa: List item 1 ... List item 2 ... List ite...
Citiți mai multe

Introducere in HTML

Imagine
HTML (HyperText Markup Language) este un limbaj utilizat pentru crearea paginilor web ce pot fi afisate intr-un browser (sau navigator).  HTML este folosit pentru prezentarea unui continut (text, imagine) intr-o pagina web, furnizeaza mijloacele prin care continutul unui document poate fi structurat si adnotat cu diverse tipuri de metadate si indicatii de redare si afisare. A ceste indicatiile pot varia de la decoratiuni minore ale textului, cum ar fi culoarea sau sublinierea unui cuvant ori introducerea unei imagini, pana la adaugarea de elemente sofisticate, tabele, harti de imagini, formulare si cod CSS sau scripturi JavaScript. HTML este un format text proiectat pentru a putea fi citit si editat utilizand un editor de text simplu, editarea si intelegerea paginilor in acest fel necesita cunostinte de HTML, pe care le puteti obtine studiind lectiile din acest curs. Acest blog prezinta elementele de baza ale limbajului HTML si modul de lucru cu acesta, va ajuta sa inv...
Citiți mai multe