Imágenes y enlaces en HTML5
Imágenes
Las imágenes y los enlaces son elementos esenciales en cualquier sitio web moderno. En este capítulo, te enseñaremos cómo usar imágenes y enlaces en HTML5 de manera efectiva para mejorar la apariencia y funcionalidad de tus páginas web.
Empecemos con las imágenes. En HTML5, puedes insertar una imagen en una página web utilizando la etiqueta <img>, que es una etiqueta de autocierre. A continuación, se muestra[1] la sintaxis básica de la etiqueta <img>:
<img src="URL de la imagen" alt="Texto alternativo" width="ancho" height="alto">
• La URL de la imagen es la dirección de la imagen que se mostrará en la página web.
• El texto alternativo (alt) es un texto que se muestra en lugar de la imagen en caso de que la imagen no se pueda cargar o para fines de accesibilidad.
• El ancho y el alto se utilizan para especificar las dimensiones de la imagen. No son obligatorios, pero es recomendable especificarlos para que la página se cargue más rápido.
Aquí hay un ejemplo de cómo se vería la etiqueta <img> en una página web:
<img src="https://www.example.com/imagen.jpg" alt="Esta es una imagen de ejemplo" width="500" height="300">
[1] Es importante recordar que para probar los ejemplos y casos prácticos que se presentan en el libro, es necesario crear un documento HTML válido que contenga las etiquetas básicas necesarias.
Para crear un documento HTML válido, debes incluir las siguientes etiquetas en el orden correcto:
La etiqueta <!DOCTYPE html>, que especifica que se está utilizando HTML5.
La etiqueta <html>, que envuelve todo el contenido de la página web.
La etiqueta <head>, que contiene información sobre la página web, como el título y la descripción.
La etiqueta <title>, que especifica el título de la página web.
La etiqueta <body>, que contiene el contenido visible de la página web.
No hay comentarios:
Publicar un comentario
Gracias por tu comentario, en un maximo de 48 horas sera publicado.