logo html5
Lenguaje de marcas

HTML5


HTML Formato


O formato do texto

html formatos de texto

O formato do texto, é o marcado que se aplica a un texto para engadir datos de forma. Ó texto resultante conocese como texto formateado, texto con estilos ou texto enriquecido.


Encabezados de texto

Ós motores de búsqueda utilizan os encabezados para indexar a estrutura e o contido das suas páxinas web.

Os usuarios miran as webs polos títulos. É importante utilizar os encabezados para mostrar a estrutura do documento.

Os encabezamentos <h1> deben ser utilizados para os encabezados principais, seguido por encabezamentos <h2>, <h3>, que son menos importantes.

Nota: Usar encabezados HTML so para encabezados. Non utilizar encabezados para o texto GRANDE ou negrita.


Etiqueta Descripción Exemplo Utilización
<h1> Describe un encabezado de tipo 1

Encabezado tipo 1

<h1>Encabezado tipo 1</h1>
<h2> Describe un encabezado de tipo 2

Encabezado tipo 2

<h2>Encabezado tipo 2</h2>
<h3> Describe un encabezado de tipo 3

Encabezado tipo 3

<h3>Encabezado tipo 3</h3>
<h4> Describe un encabezado de tipo 4

Encabezado tipo 4

<h4>Encabezado tipo 4</h4>
<h5> Describe un encabezado de tipo 5
Encabezado tipo 5
<h5>Encabezado tipo 5</h5>
<h6> Describe un encabezado de tipo 6
Encabezado tipo 6
<h6>Encabezado tipo 6</h6>


Etiquetas que dan forma ó texto

HTML utiliza as etiquetas para a definición do texto cun especial significado.

HTML utiliza etiquetas para o formato de saída, como texto negrita ou cursiva.

Etiqueta Descripción Visualización Utilización
<b> Define un texto en negrita Este texto está en negrita <b>Este texto está en negrita</b>
<i> Define un texto en cursiva Este texto está en cursiva <i>Este texto está en cursiva</i>
<strong> Define un texto importante Este texto é importante <strong>Este texto é importante</strong>
<em> Define un texto enfatizado Este texto está enfatizado <em>Este texto está enfatizado</em>
<small> Define un texto máis pequeno Este texto é máis pequeno Este texto é <small>máis pequeno</small>
<sup> Define un texto superíndice Este texto está en superíndice Este texto é un <sup>superíndice</sup>
<sub> Define un texto subíndice Este texto está en subíndice Este texto es un <sub>subíndice</sub> de texto
<ins> Define un texto insertado Este texto está insertado agregado Este texto está insertado <ins>agregado</ins>
<s> Define un texto tachado Este texto está tachado Este texto é un texto <s>tachado</s>
<u> Define un texto subraiado Este texto está subraiado Este texto é un texto <u>subraiado</u>
<del> Define un texto borrado Este texto está borrado eliminado Este texto está <del>borrado</del> eliminado
<mark> Define un texto marcado Este texto foi marcado Este texto foi <mark>marcado</mark>

Nota: Os navegadores mostran <strong> como <b>, e <em>como <i>. Sen embargo, hai unha diferenza no significado das seguintes etiquetas: <b> e <i> define o texto en negrita e cursiva, pero <strong>y <em>significa que o texto é "importante".


Etiquetas que separan o texto

A etiqueta <p> separa o texto, engadindo automáticamente un espacio (marxen) antes e despois de cada elemento <p>.O navegador eliminará todos os espazos en branco e as líñas adicionais cando se visualiza a etiqueta <p>.

A etiqueta <br> é unha etiqueta valeira, o que significa que non ten ningunha etiqueta final. Inserta un salto de liña (una nova liña) sen comenzar un novo párrafo.

Un texto dentro dunha etiqueta <pre> mostrase nunha fonte de ancho fijo (case sempre Courier), e conserva ambos espazos e saltos de líña.

Etiqueta Descripción Visualización Utilización
<p> Define un párrafo de texto

Esto é un párrafo de texto.

Esto é un párrafo de texto.

<p>Esto é un párrafo de texto.</p>
<p>Esto é un párrafo de texto.</p>

<br> Define un salto de líña

Esto é un salto de líña.

Esto é un salto de líña.

Esto é un salto de liña.<br>
<br>
Esto é un salto de liña.<br>
<pre> Define un texto preformateado
Esto é un texto preformateado.
 
Esto é un texto preformateado.

<pre> Esto é un texto preformateado.

Esto é un texto preformateado.</pre>


Nota: Utilice o elemento <pre> cando queira mostrar o texto con formato inusual, ou algún tipo de código informático.


Exemplo de uso

Texto en negrita e resaltado

Teoría da relatividade: E=mc2
Molécula da auga: H2O

HTML (HyperText Markup Language)
W3C (World Wide Web Consortium)

Código HTML

<p><mark><strong>Texto en negrita e resaltado </strong></mark></p>
<p><strong>Teoría</strong> da relatividade: <em>E=MC<sup>2</sup></em><br>
<em>Molécula</em> del <strong>agua</strong>: H<sub>2</sub>O</p>
<p><strong>HTML</strong> (<i><b>H</b>yperText <b>M</b>arkup <b>L</b>anguage</i>)<br>
<strong>W3C</strong>(<i><b>W</b>orld <b>W</b>ide <b>W</b>eb <b>C</b>onsortium</i>)</p>