Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (18)
Similar a Insertar imágenes y fondo en HTML
Similar a Insertar imágenes y fondo en HTML (20)
Más de Inmaculada Concepción
Más de Inmaculada Concepción (20)
Último
Último (20)
Insertar imágenes y fondo en HTML
- 1. INSERTAR IMÁGENES Y COLOR DE FONDO EN HTML Para poner una imagen de fondo con HTML es necesario agregar el atributo background al tag <body> y hacer referencia a una imagen. EJEMPLO 1 INSERTAR IMAGEN DE FONDO <html> <body background="fondo.jpg"> <h3>Ejemplo de imagen de fondo</h3> <p>Se pueden utilizar archivos en formato jpg, gif o png. No es recomendable usar otro formato.</p> <p>Si la imagenes más pequeña que la página, se repetirá en mosaico.>
- 2. </body> </html> Para colocar fondo de un solo color se utilizael siguienteatributo <body background="red"> o cualquier otro color que se desea poner. Antes de agregar un imagen debes de crear una carpeta con el documento de bloc de notas y guardar las imágenes para las puedas insertar. Ejemplos de cómo insertar imagen. <img src="imagenHTML.jpg">
- 3. Donde "imagenHTML.jpg" es la imagen que vamos a colocar. Deberá estar ubicada en el mismo directorio. Si queremos colocar una imagen con HTML en una página que no está colocada dentro del mismo directorio, podemos usar una ruta absoluta: <img src="folder/imagenHTML.jpg" La etiqueta <img> tiene varias propiedas como son: border, width, height, alt Ejemplo con propiedades de imágen en HTML <img src="imagenHTML.jpg" border="0" width="10" height="10"> URL del artículo: http://www.ejemplode.com/17-html/81- ejemplo_de_como_colocar_imagenes_con_html.html Nota completa: Cómo colocar imágenes con HTML
- 4. Ahora que ya tienes la primera página con fondo de imagen, realizar página con fondo sólido y además de eso agregar imágenes tomando en cuenta el tema siguiente: “Los animales de granja y domésticos” a cada uno debes agregar la descripción y la imagen debe de quedar centrada.