Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Haga lo que hicimos en aula

Referente al curso HTML y CSS: ambientes de desarrollo, estructura de archivos y tags, en el capítulo Documentación y HTML y actividad Haga lo que hicimos en aula

por José Fabrizio Santacruz Mujica
| 37k xp | 26 posts
Estudiante de décimo superior

Decidí hacer una pagina que describa y destaque las herramientas de Html5:

<!doctype html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <title>Mi primera página HTML5</title>
  </head>
  <body>
    <h1>¿Qué es HTML5?</h1>
    <h2>Principales novedades</h2>
    <p>
      HTML5 es la quinta versión del lenguaje de marcado para la web. 
      Introduce nuevas etiquetas semánticas, soporte nativo para audio y video,
      formularios mejorados y APIs del navegador.
    </p>

    <img src="html5.png" alt="Logotipo de HTML5">

    <ul>
      <li><code>&lt;header&gt;</code>, <code>&lt;main&gt;</code>, <code>&lt;footer&gt;</code> para dar estructura semántica.</li>
      <li><code>&lt;audio&gt;</code> y <code>&lt;video&gt;</code> sin plugins externos.</li>
      <li>Validaciones y tipos de input nuevos en formularios.</li>
    </ul>

    <ol>
      <li>Escribe el contenido con etiquetas semánticas.</li>
      <li>Mejora la accesibilidad con atributos <code>alt</code> y roles.</li>
      <li>Usa CSS y JS modernos para una experiencia responsiva.</li>
    </ol>
  </body>
</html>

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta
por Brenda Souza
| 5942.4k xp | 21649 posts
Instructor

Hola José, espero que estés bien

Tu código HTML parece estar bien estructurado y sigue las prácticas recomendadas que se discutieron en clase. Aquí hay algunos puntos clave que puedes verificar o mejorar:

  1. Estructura Básica: Has incluido correctamente las etiquetas esenciales como <!DOCTYPE html>, <html>, <head>, <title>, y <body>. Esto es fundamental para cualquier documento HTML.

  2. Contenido Semántico: Estás utilizando etiquetas semánticas como <h1>, <h2>, y <p>, lo cual es excelente para la accesibilidad y el SEO.

  3. Imágenes con Accesibilidad: Has añadido una imagen con un atributo alt, lo que es importante para la accesibilidad.

  4. Listas: Has utilizado tanto listas ordenadas (<ol>) como no ordenadas (<ul>), lo cual es una buena práctica para organizar contenido.

Si estás buscando hacer algo más parecido a lo que se hizo en clase, asegúrate de que tu código sigue la jerarquía correcta y que estás utilizando las etiquetas adecuadas para cada sección de contenido. También puedes experimentar con CSS para mejorar el diseño visual de tu página.

Espero haber ayudado y buenos estudios!