Tutorial HTML

Data publicarii: Februarie 2006

Tutoriale » HTML » Formatare text

HTML Feb 2006

Formatare text

In HTML trecerea la un rand nou se face doar prin introducerea etichetei <br> iar pentru paragraf nou cu eticheta <p>.

Exemplu

HTMLAfisare
Proba text.<br>
Text pe un rand nou.<p>
Text intr-un paragraf nou.
Proba text.
Text pe un rand nou.

Text intr-un paragraf nou.

<hr> introduce o linie linie orizontala si trecerea la un rand nou.


Folosind etichete adecvate textul poate fi formatat.
Spre exemplu fonturilor li se poate modifica: marimea, culoarea, forma (normal, bold, italic), familia (Arial, Verdana, etc.), textul poate fi aliniat pe orizontala sau verticala iar titlurile (header), de la 1 la 6, sunt diferite ca marime (1 cel mai mare iar 6 cel mai mic).

Etichetele <span> si </span> delimiteaza un sir de caractere in vederea formatarii.

Etichetele <div> si </div> sunt similare etichetelor <span> si </span>, cu diferenta ca formateaza mai multe elemente si introduc un rand nou inainte si dupa sfarsitul zonei formatate.

Unul din atributele blocului div este align care poate lua valorile:
center aliniere pe centru
left aliniere la stanga
right aliniere la dreapta

In situatia in care dorim ca textul introdus sa fie afisat exact asa cum a fost introdus (text preformatat) in fisierul sursa vom folosi pereche de etichete <pre> si </pre>.

Exemplu

HTMLAfisare
text normaltext normal
<b>text bold</b>text bold
<i>text cursiv</i>text cursiv
<u>text subliniat</u>text subliniat
<del>text taiat</del>text taiat
<sup>exponent</sup>exponent
<sub>indice</sub>indice
<tt>caractere monospatiate</tt>caractere monospatiate
<cite>Citat</cite>Citat
<em>evidentiat</em>evidentiat
<code>text continand cod de computer</code>text continand cod de computer
<kbd>text continand cod de computer</kbd>text continand cod de computer
<samp>mostra de cod de computer</samp>mostra de cod de computer
<strong>text ingrosat</strong>text ingrosat
<big>mare</big>mare
<small>mic</small>mic
<font color="red">font rosu</font>font rosu
<font face="Courier">font Courier</font>font Courier
<font size="6">font size=6</font>font size=6
<div align="center">text aliniat pe centru</div>
text aliniat pe centru
<div align="left">text aliniat la stanga</div>
text aliniat la stanga
<div align="right">text aliniat la dreapta</div>
text aliniat la dreapta
<h1>Titlu 1</h1>

Titlu 1

<h2>Titlu 2</h2>

Titlu 2

<h3>Titlu 3</h3>

Titlu 3

<h4>Titlu 4</h4>

Titlu 4

<h5>Titlu 5</h5>
Titlu 5
<h6>Titlu 6</h6>
Titlu 6

Legenda:
br = line break
p = paragraph
hr = horizontal rule

Sus

Tutoriale
27 Aug 2016  12:48 PM
Tutoriale

Copyright © 2005-2016 Termeni si conditii
Adauga comentariu
Nume:*
Email:*
Comentariu:*
 Poza 
Introduceti codul:*

Completarea campurilor marcate cu * este obligatorie.

Autorul isi rezerva dreptul de a nu posta comentariile care nu au legatura cu subiectul articolului.

 
Comentarii:
Horia
19-04-2013
salut, cum pot obtine caractere in verdana sau dafault sans serif in html? incerca sa creez un template pentru o campanie de email. multumesc. horia
Autor
19-04-2013
Raspunsul la intrebarea ta se gaseste in acest articol:
<font face="Verdana">text scris cu font Verdana</font>
sau cu CSS.

Sus