Video: como hacer tu pagina web con html como poner imagen de fondo y muchas cosas mas

Las páginas Web son capaces de mucho más que el texto, y si usted construye su página web con HTML5, puede agregar imágenes en una variedad de tipos de archivos, incluyendo .jpg, .jpg, y .jpg. La figura muestra una página web con una imagen-incrustado el código que sigue se muestra el código de la página.

demostración imagen
Video: Curso Responsive Web Design: Imagenes y Video Flexibles
Esta página tiene una imagen de un mono
Este mono se llama `Suzanne`. Es un defaultobject en una increíble gratuito de modelado 3D toolcalled `Blender`.

Adición de una imagen es relativamente de fácil sólo tienes que seguir estos pasos:

1. Identificar la imagen que desea utilizar.

   Asegúrese de que tiene permiso para usar la imagen en su sitio.

2. Modificar la imagen si es necesario.

   Lo mejor es cambiar el tamaño de las imágenes antes de usarlos en la web. Puede utilizar el software de manipulación de imágenes con fines comerciales o programas gratuitos como IrfanView y Cañutillo.

3. Elija su tipo de imagen.

   Si la imagen está en un formato distinto de Web-amigable .jpg, .jpg, o .png, utilizar una herramienta como IrfanView o Gimp para cambiarlo a uno de estos formatos.

4. Ponga su imagen en el lugar correcto.

   Video: como insertar una imagen en html

   Ponga el archivo de imagen en el mismo directorio que el archivo HTML. De esa manera, cuando publique su página al servidor, se puede mover la imagen también.

5. Construir su página de forma normal.

   La imagen se coloca con una etiqueta integrada en el cuerpo.

6. Utilizar el etiqueta para indicar la imagen.

   Incrustar esta etiqueta dentro de un (punto) o pareja (división) de modo que la página valida correctamente.

7. Utilizar el srcatributo para indicar el archivo que contiene la imagen.

   Si el archivo de imagen se encuentra en el mismo directorio que la página web, todo lo que necesita es el nombre de la imagen. Si el archivo de imagen está en otra parte en Internet, puede utilizar una dirección URL completa.

8. incluir una alt atributo que describe la imagen.

   Un alt etiqueta es importante para los visitantes que no pueden ver su imagen - los usuarios con discapacidad visual, personas que han desactivado las imágenes para aumentar la velocidad de navegación, y robots de los motores de búsqueda, que no pueden ver las imágenes que leer alt las etiquetas.

9. Poner fin a la etiqueta de imagen con una /.

   los img etiqueta es una etiqueta especial de una sola vez que no requiere (o permite) una etiqueta final. El carácter de barra al final de la etiqueta indica esto.