 |
9.- Formatos especiales: etiquetas <blockquote>, <pre> y <address>
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> |
|
|
| |
|
|
Crea tu web Tutorial HTML Trucos HTML Trucos Dreamweaver