Tecnología

Inicio

Cómo ver IMG imagen usando CSS

October 3

Hypertext Markup Language, un lenguaje de programación para la creación de sitios web, utiliza la etiqueta <img> para insertar imágenes en una página. Puede agregar hojas de estilo en cascada código para hacer una imagen visible o invisible. CSS es un lenguaje de hojas de estilo que complemente HTML y altera o crea elementos de una página web. Para ver las imágenes ocultas usando CSS, activar la visibilidad de una o más imágenes.

Instrucciones

1 Insertar "<style> </ style>" entre las etiquetas <head> y </ head> para habilitar el estilo CSS en la página.

2 Añadir "img {visibilidad: visible;}" en medio de la CSS <style> etiquetas para activar la visibilidad de todas las imágenes de la página. El código debe ser similar al siguiente:

<Head>
<Style>
img {visibilidad: visible; }
</ Style>
</ Head>

3 Reemplazar "img" con "img.name" para apuntar a una imagen específica en la página. Reemplazar "nombre" con una etiqueta única. Por ejemplo:

<Head>
<Style>
img.header {visibilidad: visible; }
</ Style>
</ Head>

4 Añadir class = "nombre" a la etiqueta <img> de la imagen que desea hacer visible en la página. Reemplazar "nombre" con la etiqueta única que utilizó en el código CSS.

Usando la misma etiqueta como en el ejemplo anterior, la etiqueta <img> debe ser similar a la siguiente:

<Img class = "header" src = "http://www.my website.com/mypicture.jpg">

5 Compruebe la página después de actualizar el código para ver la imagen o imágenes en CSS.