Contenido del Curso
HTML Definitivo
HTML Definitivo
2. Etiquetas y Atributos HTML
Comprensión de las Etiquetas HTMLTrabajando con Atributos HTMLComprensión de las Etiquetas Dobles y Simples en HTMLMarcado y Formato de Texto en HTMLDesafío: Crea el Primer Párrafo de Tu Página WebDesafío: Crea una Página Web de Presentación PersonalDesafío: Diseñar una Página Web de Exhibición de PelículasUso de Enlaces y Botones en HTMLDesafío: Crear Enlaces a Sitios Web PopularesValidación de Tu Código HTML Según las Mejores Prácticas
3. Estructura del Documento HTML
Los Secretos Detrás de Páginas Web Bien EstructuradasComprensión de la Estructura del Documento HTMLEl Papel del Encabezado del DocumentoGestión del Flujo y la Disposición del DocumentoDesafío: Estructura Correctamente un Documento HTMLUso de Herramientas de Desarrollador para Inspección y Depuración de HTML
4. Trabajando con Medios y Tablas
Agregar Imágenes en HTMLDesafío: Trabajar con ImágenesTrabajar con Imágenes Clicables, Leyendas y OptimizaciónComprensión de Gráficos Vectoriales y RasterizadosIncrustación de Audio y Video para Contenido Multimedia EnriquecidoDesafío: Incrustar Audio y Video en HTMLCreación y Estructuración de Tablas en HTMLDesafío: Diseñar una Tabla HTML Funcional
5. Formularios HTML y Entrada de Usuario
Introducción a los Formularios HTMLFundamentos de la Creación de Formularios en HTMLUso de Etiquetas para Mejorar la Accesibilidad de FormulariosMejora de Formularios con Atributos de EntradaExploración de los Diferentes Tipos de Entrada en HTMLDesafío: Crear Formulario con Campos de Entrada y EtiquetasTrabajando con el Elemento Textarea para Entrada de Varias LíneasUso del elemento select para menús desplegablesUso del elemento datalist para sugerencias de entrada predefinidasAgrupación de Elementos de Formulario para una Mejor Estructura
Desafío: Crear Enlaces a Sitios Web Populares
Objetivo
Crear una página web atractiva que presente una lista desordenada (<ul>
) con enlaces (<a>
) a tres sitios web populares. El objetivo es asegurar que estos enlaces se abran en nuevas pestañas al hacer clic, mejorando la experiencia del usuario y permitiendo explorar cada destino sin esfuerzo.
Tarea
Utilizar los siguientes elementos para crear una experiencia emocionante de descubrimiento web:
- Crear una lista desordenada con tres elementos utilizando un elemento
<ul>
. - Cada elemento de la lista debe contener un enlace (
<a>
) a un sitio web popular y su nombre. - La lista debe contener los siguientes elementos:
- "Apple" - Enlace al sitio web de Apple:
https://www.apple.com/
; - "Amazon" - Enlace al sitio web de Amazon:
https://www.amazon.com/
; - "Netflix" - Enlace al sitio web de Netflix:
https://www.netflix.com/
.
- "Apple" - Enlace al sitio web de Apple:
index.html
- Utilizar la etiqueta
ul
para crear una lista desordenada. - Utilizar la etiqueta
li
para crear elementos de lista para cada enlace de sitio web. - Utilizar la etiqueta
a
para crear enlaces y especificar la URL del sitio web mediante el atributohref
. - Para que los enlaces se abran en nuevas pestañas, incluir el atributo
target="_blank"
dentro de la etiquetaa
.
index.html
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 2. Capítulo 9