Opciones

Search:

Home

Warning

function.reset

/home/irvmail/ignside.net/man/includes/header.php

Warning

/home/irvmail/ignside.net/man/includes/header.php

RSS 2.0

Actualizado el 14-01-2007
versión para imprimir

Definiciones y etiquetas informativas

las etiquetas de definición

He aqui la estructura de las definiciones en html

<dl> (indica que comienza la definición)
    <dt> (termino a definir)</dt>
      <dd> (definicion)	</dd>
	... + mas términos y definiciones si se quiere ...
</dl>  (fin de la lista de definición)

<dl></dl>: indicamos al navegador el comienzo y el fin de una lista de definiciones.

<dt></dt>: indicamos al navegador el término a definir.

<dd></dd>: las etiquetas que contienen la definición.

Veamos un ejemplo: las etiquetas son invisibles, puedes verla a traves del código fuente. Observa el efecto de tabulación que se produce respecto de cada término y su definición.

ignside.net: Magnifico sitio web con multitud de referencias interesantisimas, bla bla bla bla bla bla bla Tabr drel iquadadrem et tapanis schi atefonis. Fadr nuboquidiem, atisch gevafeus scro equorecrem hepephant. Bibus du quore gothem da lorescrem est. Upsom loterhiem, uladr ped god quidanusmem etetas. Riquid, quorimufus mer orhurheus nadronis.
altavista: el buscador mas conocido de la web y Arhatha in aquidacrius lipont. Momi dru ta spalibus scha napibriem est. Etap le no donipi rag drisideus est. Cocanam quidob ep vofutrem osolo. Sequor quidadaquidi un ulascriem fafoscho.
tucows: una de las páginas de descarga de software mas conocida ...Arhatha in aquidacrius lipont. Momi dru ta spalibus scha napibriem est. Etap le no donipi rag drisideus est. Cocanam quidob ep vofutrem osolo. Sequor quidadaquidi un ulascriem fafoscho.

Naturalmente estas etiquetas pueden utilizarse no para definir nada, sino simplemente como recurso para dar formato a nuestro texto.

Por ejemplo, abrimos una definición con la etiqueta <dl> y si queremos que el siguiente párrafo aparezca sangrado, abrimos una etiqueta <dd></dd>:: este parrafo aparece sangrado respecto del precedente porque le hemos colocado una pareja de etiquetas <dd></dd>.

colocamos la etiqueta </dl> de cierre, y ya recuperamos el margen normal.

formateando texto con "blockquote"

esta etiqueta <blockquote></blockquote> añade margenes a la izquierda y a la derecha del texto. Podemos anidar varias etiquetas blockquote para conseguir márgenes mayores:

Aqui el efecto de una pareja de etiquetas blockquote bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla blabla bla blabla bla blabla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla blabla bla blabla bla blabla bla blabla bla bla

Y aqui el efecto de dos parejas de etiquetas blockquote anidadas: bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla blabla bla blabla bla blabla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla blabla bla blabla bla blabla bla blabla bla bla bla bla

Otras etiquetas lógicas y físicas

Html nos proporciona un tipo de etiquetas que no afectan (al menos no es su misión) a la apariencia del texto, sino que pretenden calificar su contenido.
Son las llamadas etiquetas estructurales o lógicas, y detallan información acerca del texto que encierran, no de como debe representarse. No obstante, los navegadores las representan de forma visualmente distinta, y por esto pueden utilizarse con fines de diseño, pero no es ese su objeto, sino el de "marcar" determinado tipo de información.

: es quizas el ejemplo mas claro de etiqueta estructural o lógica. Su nombre viene a querer decir que es "importante", y se destina a marcar texto que se considera esencial en el documento. Muchos navegadores representan este texto en negrita, por lo que es fácil confundir su uso con :
Este es texto marcado con strong, y este otro con b. La apariencia es identica pero la finalidad de la etiqueta distinta. La primera indica que el texto que encierra es importante, la segunda simplemente ordena su apariencia visual.
: Otra etiqueta estructural como la anterior, que enfatiza el texto que encierra. Visualmente podría confundirse con las etiquetas ya que suelen visualizarse en cursiva, pero nuevamente aclaramos que califica de importante el texto que afecta, mientras que solo indica una apariencia. Ejemplo: este texto esta enfatizado y este otro en cursiva.
<address></address>: está diseñada para marcar la información de contacto. En origen su uso típico era proprocionar información y forma de contacto sobre el autor de la página web. Por ejemplo:
Estas visitando la página Web ignside.net.
mantenida por irv; sugerencias aqui
Esta etiqueta es formateadora: introduce un salto de línea antes y despues.
<dfn></dfn>: Se usa para indicar que el texto contenido en ellas es la definición de un término. No es una etiqueta para dar formato al texto (aunque típicamente se verá en cursiva) sino para dar información interna al navegador sobre el contenido del texto. Por ejemplo: en ignside.net <dfn> veras manuales introductorios a distintos lenguajes usados en internet</dfn>. Visitala !!
<samp></samp>: estas etiquetas se utilizan para insertar en una página código de ejemplo, de un programa o de un script. Normalmente se verá en tipo de letra monoespaciado, similar a TT. Como ocurre con la etiqueta dfn, se trata de elementos estructurales, es decir, no deben usarse para manejar la apariencia de la página, sino para ofrecer información sobre el contenido del texto a que afectan: ejemplo: sintaxis para insertar un link en nuestra página:<samp><a href="direccion URL"> texto que aparece como enlace</a></samp>. Observa como el texto entre las etiquetas samp es distinto.
<code></code>: es muy similar a samp. En esta página se utiliza con frecuencia, para resaltar la sintaxis de los elementos html y sus atributos.
<cite></cite>: otro elemento estructural, mas que formateador. Se usa para indicar que el elemento a que afecta es una cita, y típicamente se verá en cursiva. Ejemplo: Una interesante página en internet es irvnet, donde podrás enterarte de las ultimas novedades en html y otros standards usados en la www.
<acronym></acronym>: se usa para indicar que el texto que encierra es un acrónimo. Es una etiqueta estructural. Ejemplo:NATO. Si se usa en conjunción con el atributo title= algunos navegadores mostrarán el texto no abreviado al posar el cursor encima. Pruebalo ...
<abbr></abbr>: un elemento estructural mas. Se usa para indicar que el texto que encierra es abreviatura de algo. Similar al anterior, normalmente un acrónimo es una abreviatura "que puede ser pronunciada". ejemplo: FBI. Tambien se puede usar con title=.
<ins></ins>: este elemento suele usarse para marcar los cambios entre distintas versiones de un documento, para señalar las inserciones posteriores.
Puede usarse con los atributos cite="", title="" y datetime="". Veamos un ejemplo:
"Similar efecto al logrado con las etiquetas de listas podemos lograrlo con parejas de etiquetas <dir> o <menu> Nota: el uso de las etiquetas dir y menu está desaconsejado por obsoleto, en favor de las etiquetas UL y OL".
<del></del>: ~~marca el texto a que afecta como borrado~~. Nuevamente es util, para distinguir cambios entre versiones del documento.
<kbd></kbd>: se usa para indicar que el texto que encierra debe ser tecleado por el usuario, por ejemplo: "en el siguiente formulario rellene su nombre y dirección".