3.5 Elementos a nivel de línea

Veamos ahora los elementos  a nivel de línea.

• Estos elementos solo pueden contener otros elementos línea, texto e imágenes.
• Un elemento en línea no se inicia en una nueva línea y sólo ocupa tanto de ancho como sea necesario.
• Los elementos línea se sitúan uno junto al otro hasta ocupar el ancho de banda disponible.
• Ejemplos serían  las imágenes (<img>) y los enlaces (<a>).

Enlaces

El enlace ( en inglés, link) es un vínculo a otras páginas HTML, ya sean locales (en el misma ubicación) o externas (en un servidor externo), así como ficheros (jpg, zip, pdf etc) o correos electrónicos.

La etiqueta utilizada para crear un enlace es <a> , pudiéndose utilizar un texto o una imagen como enlace a la ruta especificada.

Los atributos de la etiqueta <a> son los siguientes:

• href : incluye la ruta o url de la página que enlazará.
• target (opcional):  entre los valores destaca _blank que permite abrir la nueva página en otra  página o pestaña.

¡Veamos un ejemplo!

Texto como enlace: <a href="http://www.juntadeandalucia.es/educacion/portals/web/ieda"> Enlace a IEDA </a>

Una imágen como enlace:

<a href="galeria.html">

    <img src="carpeta/imagen.png">

</a>

Imagen  en Wikipedia de Logotipo Google bajo licencia Creative Common CCO

Otro ejemplo:

<a href="http://www.google.com/"><img src="/../graficos/google.gif"></a>

En en punto 3.7 veremos con más detalle un elemento  de línea muy interesante, las imágenes.