TUTORIAL HTML: 9. FORMATOS ESPECIALES
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>