Ejercicio de programación con HTML: Reto de enlaces HTML
Código
Practica creando enlaces HTML externos, internos, de correo y teléfono en una página web con este ejercicio práctico y detallado.
Crea una página HTML que contenga los siguientes tipos de enlaces:
Un enlace externo que abra en una nueva pestaña y dirija a la página web de Wikipedia (https://www.wikipedia.org).
Un enlace interno que apunte a una sección dentro de la misma página. Para ello:
- Crea un encabezado h2 con el texto "Información de contacto" y asígnale un id apropiado
- Crea un enlace que lleve a esa sección cuando se haga clic en él
Un enlace de correo electrónico que abra el cliente de correo del usuario con la dirección "info@miempresa.com" y el asunto "Consulta desde web".
Un enlace telefónico que permita llamar al número +34612345678.
Asegúrate de que cada enlace tenga un texto descriptivo que indique claramente su propósito.
Todos los ejercicios de programación de HTML
Evalúa tus conocimientos con ejercicios de programación en HTML de tipo Test, Puzzle, Código y Proyecto con VSCode.
Reto etiquetas semánticas HTML
Código
Divisiones
Test
Reto atributos ARIA en HTML
Código
Reto trabajar con imágenes en HTML
Código
Formularios
Puzzle
Encabezados
Puzzle
Reto metadatos en HTML
Código
Validación de HTML
Puzzle
Navegación por teclado
Puzzle
Párrafos
Test
Uso de DOCTYPE
Puzzle
Etiquetas semánticas
Puzzle
Contraste y legibilidad
Test
Atributos
Test
Reto formatear texto en HTML
Código
Reto crear listas HTML
Código
Metadatos
Test
Comentarios
Test
Incrustación de contenido (iframe)
Test
Uso de elementos y etiquetas
Puzzle
Audio
Puzzle
Proyecto crear páginas HTML
Proyecto
Enlace
Puzzle
Video
Puzzle
Imágenes
Test
DOCTYPE
Test
Compatibilidad con navegadores
Test
Reto crear tablas HTML
Código
Introducción a HTML
Test
Imágenes vectoriales
Test
Anidación de etiquetas
Test
Reto Validación HTML
Código
Optimización de la carga de la página (Lazy loading)
Puzzle
Listas
Puzzle
Estilos
Puzzle
Atributos de ARIA
Test
Reto geolocalización en HTML
Código
Tablas
Test
Reto LocalStorage en HTML
Código
Uso de atributos
Puzzle
Elementos y etiquetas
Test
Tutorial para resolver este ejercicio de programación
HTML
Enlace (a)
Textos y enlaces