:: § – Mi SiTiO WEB ::

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:

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:

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>

HTML consta de una serie de órdenes que indican al navegador cómo queremos que aparezcan representados todos los elementos (texto, imágenes, rótulos, etc…) que contiene el documento. Estas órdenes son las etiquetas, que van enmarcadas por los signos <>.

Ejemplos:

<a> <font> <table> , etc.

Las etiquetas de HTML pueden ser de dos tipos: cerradas o abiertas.

1. Etiquetas cerradas

Son aquellas que tienen una palabra clave que indica el principio de la etiqueta y otra que indica el final.

Ejemplo:

<p>Esta lección es fácil</p>

La etiqueta <p></p> es la que contiene el texto de un párrafo. Decimos que es etiqueta cerrada porque necesita <p> para iniciar el párrafo y </p> para cerrarlo. (Obrsérvese la barra «/» de la etiqueta de cierre)

Entre la etiqueta inicial y la final se pueden encontrar otras etiquetas, encerradas unas por otras como si de muñecas rusas (matruskas) se tratara.

Ejemplo:

<p> Esta <b>lección</b> es fácil</p>

La palabra «lección» del ejemplo está encerrada dentro de la etiqueta <b></b> que indica estilo negrita. En este caso; únicamente la palabra «lección» aparecerá en negrita. Esto será lo que veremos en el navegador:

Esta lección es fácil.

2.- Etiquetas abiertas:

Constan de una sola palabra clave. No necesitan cerrarse al final.
Ejemplo:

<br>

que indica salto de línea.

Parámetros de las etiquetas.

Una etiqueta puede contener «parámetros», es decir, otras palabras claves que especifican y definen aún más concretamente cada etiqueta. Los parámetros se indican a continuación de la palabra clave de la etiqueta y dentro de sus signos <>.

Ejemplo:

*nota: hemos resaltado las etiquetas en negrita para una mayor comprensión, pero no es necesario hacerlo en nuestro editor de texto.