12.176 cursos gratis
8.741.766 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

HTML. Introducción práctica

Autor: Redpoint Bobuu
Curso:
9,13/10 (8 opiniones) |4600 alumnos|Fecha publicación: 23/07/2009
Envía un mensaje al autor

Capítulo 17:

 Formato abreviaturas y formato acrónimos

Elementos de Estructuración de "<abr></abr>" y "<abbr></abbr>"

Seguimos con los elementos que nos ayudaran a estructurar el texto. Ahora veremos que formato utilizar cuando utilizamos abreviaturas.

código     : <abr></abr>
resultado: formato para escribir abreviaturas

código     : <abbr></abbr>
resultado: formato para escribir abreviaturas con texto emergente

Código de ejemplo: (He agregado un <br>, salto de línea en el código para para poder ver el resultado en dos líneas).
<html>
  <head>
    <title>Estructuración de Texto</title>
  </head>
  <body>
     Texto normal <br>
     <abr>Formato utilizado para escribir abreviaturas con "abr"</abr>
    <br>
     <abbr title="Texto sin abreviar, texto largo">Abreviatura utilizando "abbr"</abbr>
     </body>
</html>

El código anterior se vería así en el navegador:
Formato abreviaturas y formato acrónimos
Nota: he probado el código con iexplorer, gmail y mozilla, y en ninguno he visto un cambio de formato. Incluso aquí he aplicado el código sin cambios en su formato. En cuanto a "abbr", si podéis ver que al pasar el mouse (ratón) sobre el texto surge una etiqueta con el texto largo.

Elementos de estructuración de Texto <acronym></acronym>

Un nuevo elemento que nos ayudará a estructurar el texto. Ahora veremos que formato utilizar cuando utilizamos acrónimos.

código     : <acronym></acronym>
resultado: formato para escribir acrónimos

Antes de poner el código de ejemplo, y para los que no lo sepan he aquí lo que es un acrónimo: En lingüística moderna, un acrónimo (del grigo akros, 'extremo' y ónoma, 'nombre') puede ser una sigla que se lee como una palabra o un vocablo formado al unir parte de dos palabras. Este tipo de acrónimos funden dos elementos léxicos tomando, casi siempre, del primer elemento el inicio y del segundo el final. (fuente Wikipedia)

Ahora que sabemos lo que es un acrónimo pasemos al Código de ejemplo: (He agregado un <br>, salto de línea en el código para para poder ver el resultado en dos líneas).
<html>
  <head>
    <title>Estructuración de Texto</title>
  </head>
  <body>
     Texto normal <br>
     <acronym>Formato utilizado para escribir acrónimos con "acronym"</acronym>
    </body>
</html>

El código anterior se vería así en el navegador:
Formato abreviaturas y formato acrónimos
Nota: Después de haber escrito este artículo y no antes, les digo que, en mi opinión, este elemento solo sirve más que para ordenar nuestro código, ya que he probado el ejemplo en los siguientes exploradores todos con el mismo resultado ningún cambio en el formato.

iexplorer 7.0 - google chrome 1.0 - Mozilla Firefox 3.0 - SeaMonkey 1.1

Si alguien ve en algún navegador un cambio en el formato del texto, que lo diga.

Nuestras novedades en tu e-mail

Escribe tu e-mail:



MailxMail tratará tus datos para realizar acciones promocionales (vía email y/o teléfono).
En la política de privacidad conocerás tu derechos y gestionarás la baja.

Cursos similares a HTML. Introducción práctica



  • Vídeo
  • Alumnos
  • Valoración
  • Cursos
1. Manual HTML
HTML es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto... [25/11/04]
74.947  
2. Introducción al lenguaje HTML
¿Te interesa entrar al mundo de la programación web ? ¡Entonces este curso de... [14/04/11]
739
Curso con video
3. Cómo exportar una animación de Flash a HTML
En este curso de vídeo se enseña la manera de transportar o exportar animaciones... [29/06/12]
20
Curso con video

¿Qué es mailxmail.com?|ISSN: 1699-4914|Ayuda
Publicidad|Condiciones legales de mailxmail