Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Aprende Desafío: Crear Enlaces a Sitios Web Populares | Etiquetas y Atributos HTML
HTML Definitivo
course content

Contenido del Curso

HTML Definitivo

HTML Definitivo

1. Comprensión del Desarrollo Web
Bienvenido a HTML y al Desarrollo Web¿Qué es Internet?¿Cómo Funciona Internet?Comprensión de Cómo Funcionan los Sitios WebExplicación del Desarrollo Frontend y Backend
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

book
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:

  1. Crear una lista desordenada con tres elementos utilizando un elemento <ul>.
  2. Cada elemento de la lista debe contener un enlace (<a>) a un sitio web popular y su nombre.
  3. 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/.
index.html

index.html

copy
  1. Utilizar la etiqueta ul para crear una lista desordenada.
  2. Utilizar la etiqueta li para crear elementos de lista para cada enlace de sitio web.
  3. Utilizar la etiqueta a para crear enlaces y especificar la URL del sitio web mediante el atributo href.
  4. Para que los enlaces se abran en nuevas pestañas, incluir el atributo target="_blank" dentro de la etiqueta a.
index.html

index.html

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 9

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

course content

Contenido del Curso

HTML Definitivo

HTML Definitivo

1. Comprensión del Desarrollo Web
Bienvenido a HTML y al Desarrollo Web¿Qué es Internet?¿Cómo Funciona Internet?Comprensión de Cómo Funcionan los Sitios WebExplicación del Desarrollo Frontend y Backend
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

book
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:

  1. Crear una lista desordenada con tres elementos utilizando un elemento <ul>.
  2. Cada elemento de la lista debe contener un enlace (<a>) a un sitio web popular y su nombre.
  3. 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/.
index.html

index.html

copy
  1. Utilizar la etiqueta ul para crear una lista desordenada.
  2. Utilizar la etiqueta li para crear elementos de lista para cada enlace de sitio web.
  3. Utilizar la etiqueta a para crear enlaces y especificar la URL del sitio web mediante el atributo href.
  4. Para que los enlaces se abran en nuevas pestañas, incluir el atributo target="_blank" dentro de la etiqueta a.
index.html

index.html

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 9
some-alt