Unidad 18. Referencia de etiquetas HTML (I)



En esta unidad encontrarás un listado de las etiquetas de HTML ordenadas alfabéticamente. Se muestra una breve definición de la etiqueta <tag> y un ejemplo de su uso. A continuación hay un enlace al punto de este curso donde se explica la etiqueta y también un enlace a la página de W3C.org donde se encuentra su definición oficial. A la hora de escribir este curso la recomendación vigente de HTML es la 5.2.publicada el 14 de Diciembre de 2017.

18.1. Etiqueta <a>

Definición: la etiqueta <a> define un hiperenlace que permite ir (navegar) a un recurso de internet designado por su dirección de internet (URL). El recurso más usual es una página web pero también puede ser un archivo de imagen, vídeo, dirección email, dirección ftp, punto de ancla, ... El atributo href contiene la dirección (URL) de destino del hiperenlace.

El atributo target indica dónde se abre el enlace. Puede tener los siguientes valores:

_self se abre en la misma ventana en la que se encuentra el documento que contiene el enlace. Es el valor por defecto.

_blank se abre en una nueva ventana o pestaña. En los navegadores actuales se abre en una nueva pestaña ya que es la recomendación a partir de HTML 5. Si queremos que se abra en una nueva ventana deberemos hacerlo con programación web (javascript, php, ...)

_parent se abre en el frameset padre. Este valor tiene sentido cuando estamos utilizando frameset, algo que ya no está recomendado.

_top se abre en la pantalla completa, fuera del frameset. Sólo cuando estamos utilizando frameset.

nombreframese abre en el nombre del frame.

El atributo download indica que se descargue el archivo del enlace en lugar de abrirlo. 

Ejemplo: <p>Visita <a href="https://www.aulaclic.es" target="_blank"> aulaClic </a>la página lider en español sobre cursos de informática gratis</p>

Resultado:

Visita aulaClic la página lider en español sobre cursos de informática gratis

Explicación en este curso.

Recomendación W3C

18.2. Etiqueta <abbr>

Definición: la etiqueta <abbr> define una abreviatura o acrónimo. Opcionalmente puede contener el atributo title para describir la abreviatura. Los navegadores muestran esta etiqueta con un subrayado punteado.

Atributos: title, es recomendable utilizarlo.

Ejemplo: <p>La sede de la <abbr title="Organización de las Naciones Unidad">ONU</abbr> está en Nueva York</p>

Resultado: La sede de la ONU está en Nueva York

Recomendación W3C

18.3. Etiqueta <address>

Definición: la etiqueta <adress> define información de contacto relativa al elemento en el que está definida, por ejemplo, una persona, una organización, un evento, etc. Debe incluir una dirección física o digital. Los navegadores muestran esta etiqueta con letra en cursiva.

Ejemplo: <address>La pagína aulaClic tiene también página en <a href="https://www.facebook.com/cursosaulaclic">Facebook</a></address>

Resultado:

La pagína aulaClic tiene también página en Facebook

Recomendación W3C

18.4. Etiqueta <area>

Definición: la etiqueta <area> define un área dentro de un mapa de imagen creado con la etiqueta <map>. El atributo shape, define la figura geométrica del área, puede tomar los valores circle, rect, poly y default. Respectivamente, círculo, rectángulo, polígono y default que se refiere al área completa de la imagen. En el atributo coords se indican las coordenadas según el valor de shape; por ejemplo, para el rectángulo las coordenadas de la esquina superior izquierda y la esquina inferior derecha; para el círculo, las coordenadas del radio y del centro, para el polígono, las coordenadas de los puntos que lo forman. El atributo href contiene la dirección correspondiente al área de la imagen.

Ejemplo:

<img src="graficos/mapa_sudamerica.jpg" alt="" width="360" height="500" usemap="#sudamerica"/>
<map name="sudamerica" id="sudanerica">
<area shape="poly" coords="233,306,108,110,327,142" href="https://es.wikipedia.org/wiki/Brasil" target="_blank" alt="Brasil" />
<area shape="poly" coords="168,450,130,272,197,289" href="https://es.wikipedia.org/wiki/Argentina" target="_blank" alt="Argentina" />
</map>

Resultado: Al hacer clic en Brasil enlaza con la página de Brasil en la Wikipedia y lo mismo para Argentina:

dd Argentina

Explicación en este curso.

Recomendación W3C


Enero-2019 (V 2.0)
Pág. 18.1
Atrás Inicio Adelante






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook ,    G+            Sobre aulaClic            Política de Cookies


© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.