Etiquetas HTML para resaltar partes del texto

Este post no tiene nada de novedoso, pero quiero tener a mano un listado de las etiquetas más usadas para dar formato al texto HTML, sin entrar en cosas rebuscadas como el tipo de letra o el colorido. Creo que todas sirven para los comentarios de este blog:

<B> o <STRONG> Usado para el texto en negrita (bold).

<I> o <EM> Para el texto en cursiva (italics).

<U> Para crear texto subrayado.

<STRIKE> Sirve para que el texto aparezca tachado.

Encabezamientos <H1> … <H6> Las etiquetas de encabezamientos, (headings en inglés), sirven para destacar un texto como un titular o la apertura de una nueva sección con un título. Las tenemos que utilizar entonces para estructurar nuestros documentos en secciones y subsecciones y titular cada una de ellas con un nivel adecuado. La siguiente frase es un encabezado H3,

Formatos de párrafos para destacar textos

Existen algunas etiquetas para destacar párrafos enteros y darles un formato específico:

<CODE> o <KBD> Sirve para escribir un código fuente de un lenguaje de programación. Simplemente coloca una fuente de un tipo como courier, en el que todas las letras tienen la misma anchura.

var InstrumentoMusical = new Class({
initialize: function(tipo){
this.tipo = tipo;
}
});

<TT> Texto de teletipo; crea un estilo como el de las antiguas máquinas de teletipo, que transmitían información con caracteres.

Este texto es tipo teletipo.
Se puede fijar el tipo de letra que se utiliza.
En general con courier.

<CITE> Sirve para colocar texto de cita (texto dicho por otra persona). Esta etiqueta generalmente pone el texto en cursiva, pero puede variar según el navegador.

Sólo sé que no sé nada!
<BLOCKQUOTE> Esta etiqueta crea un margen tanto a la izquierda como la derecha, lo que produce el efecto de ser un fragmento extraído de otro lugar. Ejemplo:

Este es un párrafo identado, de manera que se muestra con márgenes a ambos lados. Para que se vean los márgenes tengo que escribir suficinte texto.

· Referencias:

    Taller de HTML
    Manual CSS: en realidad, no tiene que ver con lo que se ha visto en este post, pero para quien esté interesado en ampliar sus conocimientos sobre cómo darle formato a una página web, puede serle muy útil.

1 Comment »

  1. 1
    daniela martinez Says:

    esta es un muy buena pagina porque encontre gran parte de lo que nececitaba gracias

    Like


RSS Feed for this entry

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: