Elementos ( 3 – Modularización )

Elemento <abbr></abbr>

Esta etiqueta permite crear abreviaturas en el texto y proporciona a su vez la posibilidad de incluir el significado de las mismas. La etiqueta tiene un atributo concreto denominado title, que sirve para proporcionar el significado completo de la abreviatura insertada en el documento. Normalmente el significado de la abreviatura se presenta en los navegadores al situar el puntero del ratón sobre la misma en una etiqueta amarilla denominadas tooltips. Mientras que la abreviatura se visualiza con un formato de subrayado en los navegadores. El siguiente ejemplo muestra una pagina en la cual se han incluido varias abreviaturas, para visualizar su explicación se ha de situar el puntero del ratón sobre las mismas:

<!DOCTYPE html PUBLIC “-//W3C//DTD XTHML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”es” xml:lang=”es”>
<html>
<head>
<title>Practica para del – www.aprendoencasa.com</title>
</head>
<body>
<p>Abreviaturas y sus significados</p>
<p><abbr title=”Alias”>(a)</abbr></p>
<p><abbr title=”a cuenta”>a/c</abbr></p>
<p><abbr title=”Universidad nacinal educacion a distancia”>UNED</abbr>
</body>
</html>

Después de guardar el documento y abrirlo posteriormente en un navegador, se ha de observar una imagen como la siguiente:

clip_image002


La etiqueta corresponde a un elemento de línea, con lo cual no se producen saltos en los párrafos al finalizar las etiquetas. A continuación se muestran las características del elemento <abbr> (abreviatura) :

Elemento
<abbr> … </abbr>
Atributos comunes
Atributos básicos, de internacionalización (i18n) y eventos.
Atributos específicos
title = “texto descriptivo de la abreviatura”
Tipo de elemento
Elemento en línea
Descripción
Permite realizar e insertar abreviaturas en el documento, de forma que al situar el puntero del ratón sobre la abreviatura aparece una etiqueta con la descripción de la misma.
Modulo al que pertenece la etiqueta
Modulo de Edición de texto

Elemento <acronym></acronym>

Un acrónimo puede ser una sigla que se lee como una palabra o un vocablo formado a partir de dos palabras. Este código permite insertar al igual que el código anterior acrónimos o siglas en el documento. La etiqueta tiene un atributo concreto denominado title, que sirve para proporcionar el significado completo del acrónimo o sigla insertada en el documento. Normalmente el significado del acrónimo se presenta en los navegadores al situar el puntero del ratón sobre la misma en una etiqueta amarilla denominadas tooltips. Mientras que la sigla o acrónimo se visualiza con un formato de subrayado en los navegadores. El siguiente ejemplo muestra una pagina en la cual se han incluido varias siglas, para visualizar su explicación se ha de situar el puntero del ratón sobre las mismas:

<!DOCTYPE html PUBLIC “-//W3C//DTD XTHML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”es” xml:lang=”es”>
<html>
<head>
<title>Practica para acronym – www.aprendoencasa.com</title>
</head>
<body>
<p>En este documento se reflejan varias siglas o acronimos, como pueden ser</p>
<p><strong><acronym title=”Union de emotion + icon”>Emoticono</acronym></strong></p>
<p><strong><acronym title=”objeto volante no identificado”>Ovni</acronym></strong></p>
<p><strong><acronym title=”Radio Detection and Ranging (detección y medición de distancias por radio)”>Radar</acronym></strong></p>
</body>
</html>

Después de guardar el documento y abrirlo posteriormente en un navegador, se ha de observar una imagen como la siguiente:

clip_image004


La etiqueta corresponde a un elemento de línea, con lo cual no se producen saltos en los párrafos al finalizar las etiquetas. A continuación se muestran las características del elemento <acronym> (acrónimo o sigla) :

Elemento
<acronym> … </acronym>
Atributos comunes
Atributos básicos, de internacionalización (i18n) y eventos.
Atributos específicos
title = “texto descriptivo del acrónimo o sigla”
Tipo de elemento
Elemento en línea
Descripción
Permite realizar e insertar acronimos o siglas en el documento, de forma que al situar el puntero del ratón sobre el mismo aparece una etiqueta con la descripción de la sigla o acronimo.
Modulo al que pertenece la etiqueta
Modulo de Edición de texto

Elemento <cite></cite>

Este elemento permite crear una referencia de cita en el documento web. Normalmente este elemento se utiliza para referenciar el nombre del autor de la cita, mientras que para el texto de la cita se utiliza la etiqueta <blockquote>, que se vera más adelante. Esta etiqueta se visualiza con un formato de letra cursiva en los navegadores. El siguiente ejemplo muestra una pagina en la cual se han incluido varias citas, en alguna de ellas se ha utilizado la etiqueta <blockquote> para resaltar el texto de las citas:

<!DOCTYPE html PUBLIC “-//W3C//DTD XTHML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” lang=”es” xml:lang=”es”>
<html>
<head>
<title>Practica para cite – www.aprendoencasa.com</title>
</head>
<body>
<p>Procure no ser un hombre con éxito, sino un hombre con valores</p>
<cite>(Albert Einstein)</cite>
<blockquote>Si empleo tantas horas en convencerme que tengo razón, ¿no será que existe alguna razón por la que temer que estoy equivocada?</blockquote>
<cite>(Jane Austen)</cite>
<p>
<blocquote><blockquote>
<blockquote><blockquote>
Tuve la fortuna de topar con libros que no eran demasiado puntillosos con el rigor lógico, pero que en cambio hacían resaltar con claridad las ideas principales.
<cite>(Albert Einstein)</cite>
</blocquote></blockquote>
</blocquote></blocquote>
</p>
</body>
</html>

Una vez guardado el documento y visualizado el mismo en un navegador, se ha de observar una imagen como se muestra en la figura siguiente:

clip_image006


La etiqueta corresponde a un elemento de línea, con lo cual no se producen saltos en los párrafos al finalizar las etiquetas. A continuación se muestran las características del elemento <cite> (cita) :

Elemento
<cite> … </cite>
Atributos comunes
Atributos básicos, de internacionalización (i18n) y eventos.
Atributos específicos
Tipo de elemento
Elemento en línea
Descripción
Permite realizar e insertar texto con un formato de cita, para destacar normalmente el autor de la misma.
Modulo al que pertenece la etiqueta
Modulo de Edición de texto

1 Comentario

  1. SLT-A65

    Gracias por resumirlo tan bien. Creo que voy a regresar aquí a menudo. Saludos cordiales .

Enviar comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies