Etiquetas básicas de html – Parte II

Continuando con algo de html, ahora veremos la etiqueta <img> , esta etiqueta se usa para mostrar imagenes, un dato curioso en este tipo de etiqueta es que es una etiqueta vací, es decir que no tiene contenido entre el la etiqueta de inicio y la etiqueta de cierre, por ejemplo, lo correcto en html  sería:

<img></img>

como vemos a diferencia del post anterior no es necesario poner ningún texto entre ellas, por lo tanto también es inncesario poner dos veces la etiqueta (inicio y cierre) si no habra nada entre ellas, pero para respetar los estándares y hacer que la página html sea válida lo que se hace en estos casos es abrir y cerrar la etiqueta en la misma etiqueta de esta manera :

<img />

Ahora bien, ¿como mostramos la imágen?, de un modo muy sencillo, similar a lo que hicimos con la etiqueta <a>, lo qeu haremos será indicar mediante el atributo propio de esta etiqueta src de donde vendrá la imágen, visitemos primero la página de ubuntu, ahora lo que haremos sera mostrar la imagén que tienen en la parte superior izquierda (el logo de ubuntu con la palabra ubuntu), para ello necesitamos la url de la imagen, podemos verla segun el navegador que tengamos ubicando el puntero sobre la imágen y con el clic derecho seleccionamos la opción ver imagen (firefox, en otros navegadores es similar) la dirección de la imágen es esta: http://www.ubuntu.com/themes/ubuntu07/images/ubuntulogo.png veamos como debe quedar:

<img src="http://www.ubuntu.com/themes/ubuntu07/images/ubuntulogo.png"/>

La imágen debe verse así en su documento html:

Anuncios

Etiquetas: ,

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s


A %d blogueros les gusta esto: