Archivo

Entradas Etiquetadas ‘formatos especiales html’

TUTORIAL HTML: 9. FORMATOS ESPECIALES

martes, 21 de julio de 2009 Sin comentarios

La etiqueta <blockquote></blockquote>

La etiqueta <blockquote></blockquote> es una etiqueta que se utiliza para encerrar un texto parafraseado, una cita, un ejemplo, etc. y conseguir con ella un efecto de sangrado de texto. Tanto el margen izquierdo, como el derecho, se amplían automáticamente.

Ejemplo:

Este ejemplo y la mayoría de los que aparecen en este tutorial está formateado mediante la etiqueta blocquote.

Su código sería el siguiente:

<p>Ejemplo:</p>
<blockquote>
<p>Este ejemplo y la mayoría de los que aparecen en este tutorial está formateado mediante la etiqueta blocquote. </p>
</blockquote>

A continuación usamos dos veces consecutivas la etiqueta <blockquote> para sangrar aún más el texto.

Ejemplo:

Este ejemplo y la mayoría de los que aparecen en este tutorial está formateado mediante la etiqueta blocquote.

Su código sería el siguiente:

<p>Ejemplo:</p>
<blockquote>
<blockquote>
<p>Este ejemplo y la mayoría de los que aparecen en este tutorial está formateado mediante la etiqueta blocquote. </p>
</blockquote>
</blockquote>

La etiqueta <address></address>

La etiqueta <address> se usaba más en los primeros años de Internet, y en la actualidad tiende a desaparecer. Con ella se enmarcan datos como el nombre del autor de la página, el copyrigth, dirección de correo electrónico, etc. El texto siempre aparece en cursiva (por defecto).

Ejemplo:

DistritoWeb. Todos los derechos reservados. info@DistritoWeb.net

Su código sería:

<address>
DistritoWeb. Todos los derechos reservados. info@DistritoWeb.net
</address>

La etiqueta <pre>

Como ha quedado visto en el capítulo dedicado al párrafo, en HTML sólo se reconoce un espacio entre palabra y palabra; el resto de los espacios son ignorados por el navegador. Tampoco se respetan las tabulaciones, retornos de carro, etc… Por lo tanto, si necesitamos obligar al navegador a visualizar el texto tal y como está escrito necesitaremos enmarcarlo con la etiqueta <pre></pre>.

Ejemplo:

Este texto está escrito
 dentro de
 una
 etiqueta             pre, por lo tanto
 estos errores   de espaci
 os entre palabras los muestra 

 tal
 cual.

Este es su código:

<pre>Este texto está escrito
dentro de
una
etiqueta pre, por lo tanto
estos errores de espaci
os entre palabras los muestra

tal
cual. </pre>

Ir a la barra de herramientas