Formatos básicos

Existen muchas posibilidades de dar formato a los textos HTML. Ahora sólo veremos algunos aspectos básicos. Veremos:

  1. Cabeceras
  2. Tipo de letra
  3. Formato de frase
  4. Formato de párrafo
  5. Otros formatos

Cabeceras

Existen seis etiquetas para diferencias cabeceras:

Etiqueta Ejemplo
<H1> ... </H1>

Cabecera de nivel 1
<H2> ... </H2>

Cabecera de nivel 2
<H3> ... </H3>

Cabecera de nivel 3
<H4> ... </H4>

Cabecera de nivel 4
<H5> ... </H5>
Cabecera de nivel 5
<H6> ... </H6>
Cabecera de nivel 6

Se utilizan para separar partes dentro de la página.

Tipo de letra

Todas estas etiquetas nos permiten cambiar de una manera u otra el aspecto del tipo de letra que estemos utilizando y se pueden utilizar con tiras de caracteres dentro de un párrafo.

Etiqueta Descripción Ejemplo
<U> ... </U> Subrayar. Esto es un texto subrayado
<B> ... </B> Texto en negrita. Y éste lo pongo en negrita
<I> ... </I> Texto en cursiva. Correcto, éste lo he puesto en cursiva
<S> ... </S> Tachar texto. Como no me gusta lo tacho
<BIG> ... </BIG> Incrementar tamaño del tipo de letra. Me hago más grande
<SMALL> ... </SMALL> Disminuir tamaño del tipo de letra. Y ahora pequeñito
<SUP> ... </SUP> Superíndice. Lo que quieras al cuadrado 2
<SUB> ... </SUB> Subíndice. Si quiero poner un subíndice 1

Formato de frase

Para mostrar tipos especiales, aunque no son muy utilizados.

Etiqueta Descripción Ejemplo
<STRONG> ... </STRONG> Esto es importante. Esto es importante.
<EM> ... </EM> Esto también, por eso le doy énfasis. A esto le doy énfasis.
<CITE> ... </CITE> Si quiero citar un texto. Esto lo escribió Cervantes
<CODE> ... </CODE> Si quiero mostrar código fuente. if x=0;
<VAR> ... </VAR> Y para mostrar una variable de un código. Esta variable x está a cero

Formato del párrafo

Estas se utilizan más:

Etiqueta Descripción Ejemplo
<CENTER> ... </CENTER> Para centrar un texto.
Esto está centrado
<DIV ALIGN=parámetro> ... </DIV> Para justificar texto a la izquierda (ALIGN=LEFT), derecha (RIGHT), centro (CENTER) y justificar ambos (JUSTIFY)
Justificado a la izquierda
Y esto a la derecha
Esto está centrado
Esto se debería estar justificado a ambos lados
<P> Empieza un párrafo, se inserta antes del texto una línea en blanco . Vamos a escribir un párrafo
<ADDRESS> ... </ADDRESS> Un formato para escribir direcciones, no de correo, sino de toda la vida.
Pedro Juan Baquero Pérez
c/ Alegría 13, 3º3
38999 La Laguna
Islas Canarias
<BLOCKQUOTE> ... </BLOCKQUOTE> Una forma para citar textos.

Esto no es más que una cita mía. ¿Tiene mucha profundidad?

Otros formatos

Sólo dos ejemplos de formatos.

Etiqueta Descripción Ejemplo
<!-- ... --> Comentarios en el código  
<BR> Para un salto de línea. Voy a pasar una
línea