El atributo ALT
Hasta ahora hemos hablado de la importancia de las imágenes y el diseño gráfico en general en el World Wide Web. Sin duda la abundancia de gráficos y otros contenidos multimedia han provocado su gran expansión. Sin embargo, como ya …
Etiqueta: HTML
Diseño antes de crear
Tome un papel y un boligrafo, y comience por determinar todo lo que quisiera ver en tu sitio. Representa cada página en un papel y dibuja sus vínculos. Figura 1: Estructura típica de un sitio Un buen consejo para …
Modificando el tamaño de las imágenes
Tanto las imágenes GIF como las JPEG son imágenes rectangulares, esto es, su tamaño está determinado únicamente por dos propiedades: su anchura y su altura. Tanto una como otra suelen tener valores dados en pixeles o puntos de pantalla. El …
Borde de las imágenes
El lenguaje HTML permite recuadrar a las imágenes que incluyamos en nuestras páginas con un borde de grosor variable. En general este borde es invisible, a nos ser que especifiquemos lo contrario. Sin embargo cuando vimos las imágenes enlace observamos …
Imágenes enlace
A estas alturas del curso de HTML dominamos la creación de enlaces hipertexto y conocemos como insertar imágenes en nuestras Web. Uniendo ambos conocimientos vamos a crear imágenes que nos servirán como enlaces a otros lugares del World Wide Web. …
Márgenes alrededor de las imágenes
Para poder controlar los márgenes se crearon dos nuevos atributos más para la etiqueta img: vspace y hspace que controlan el tamaño de los márgenes vertical (vspace proviene de Vertical SPACE que significa espaciado vertical) y horizontal (hspace proviene de Horizontal SPACE, espaciado horizontal) respectivamente. Estos atributos suelen acompañar al …
Cómo terminar el texto envolvente
En la figura 5.11 adelantábamos un ejemplo de cómo quedaba una imagen con texto que envolviéndola. En ese caso usábamos una fotografía de tamaño considerable, y por tanto había numerosas líneas de texto a su izquierda. Después de la primera …
Texto que envuelve a las imágenes o alineamiento horizontal
Vista la necesidad de nuevos métodos de alineamiento se crearon dos nuevos valores para el atributo align: left y right, que nos permitirán controlar el alineamiento horizontal de las imágenes (esto es, izquierda o derecha). Estos valores se han convertido en los más usados …
Texto que envuelve a las imágenes o alineamiento horizontal Acceder »
Alineamiento de imágenes
En los ejemplos vistos al principio, en los que insertábamos imágenes junto con texto normal, la parte inferior de la imagen quedaba alineada con la parte inferior del texto. La etiqueta IMG tiene un atributo llamado ALIGNque nos permite controlar el alineamiento vertical …
Imágenes y texto
Cuando insertamos una imagen ésta se sitúa justo en el lugar donde está la etiqueta IMG independientemente de si hay texto alrededor o no, por esta razón este tipo de imágenes reciben el nombre de imágenes en línea o imágenes inline. Usando esta …
