Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Actividad: Haga lo que hicimos en aula HTML y CSS

A continuación encontraran mi código HTML siguiendo las actividades propuestas en el curso HTML

<!DOCTYPE html> <!-- Define que la versión de HTM que esotoy usando es HTML 5-->
<html lang="es">  <!--Le indica al navegador el idioma principal de la página web-->
    <head>
        <meta charset="UTF-8"> <!--Define la códificación de caracteres-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--indica que la etiqueta
        meta está configurando el viewport y en el content define las propiedades
        width=device-width le dice al navegador que el ancho del viewport debe ser igual al ancho del dispositivo
        initial-scale=1.0 establece el nivel de Zoom -->
        <title>WebDePráctica</title>
    </head>
    <body>
        <h1>Bienvenido a mi Sitio Web de Práctica</h1>
        <h2>Por: Rodolfo Fuentes</h2>
        <p>Este es un párrafo de texto sencillo para mi primera práctica de HTML. 
            Estoy aprendiendo a estructurar contenido web usando HTML y pronto le daré estilo con CSS. 
            ¡Es emocionante ver cómo una simple página web empieza a tomar forma!</p>
        <h3>Lista de 5 Pasos para Aprender HTML</h3>
        <ul>
            <li>Fundamentos de HTML: Estructura y Etiquetas Básicas</li>
            <li>Primeros Pasos Prácticos: Tu Página Web Inicial en HTML</li>
            <li>Contenido HTML Esencial: Textos, Listas, Imágenes y Enlaces</li>
            <li>Organización y Semántica: Estructurando tu HTML con Sentido</li>
            <li>Profundizando en HTML: Formularios, Tablas y Características Avanzadas</li>
        </ul>
        <img src="estudiante.jpg" alt="Estudiante al telefono frente a una computadora que proyecta el texto HTML y DEV"/>
    </body>
</html>
1 respuesta

Hola Rodolfo, espero que estés bien

Sugerencia: compartir tu actividad (caso no tiene duda) en el servidor ONE / Alura Latam en Discord ;)

¡Gracias por compartir tu código! Parece que has capturado bien los conceptos básicos de HTML. Tu estructura está clara y bien comentada, lo cual es una excelente práctica.

Aquí hay algunas sugerencias que podrías considerar para mejorar o expandir tu código:

  1. Comentarios: Ya estás haciendo un buen uso de los comentarios para explicar cada parte de tu código. Esto es útil para ti y para cualquier persona que pueda leer tu código en el futuro.

  2. Atributo alt en imágenes: Veo que ya has incluido un atributo alt en tu imagen, lo cual es excelente para la accesibilidad. Asegúrate de que el texto alternativo describa adecuadamente la imagen.

  3. Enlaces: Podrías considerar agregar algunos enlaces para practicar cómo se insertan y estructuran en HTML. Por ejemplo:

    <a href="https://www.example.com">Visita un sitio de ejemplo</a>
    
  4. CSS básico: Aunque mencionas que planeas estilizar con CSS pronto, podrías empezar con algo sencillo dentro de una etiqueta <style> en el <head> para practicar:

    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
        }
        h1 {
            color: #333;
        }
    </style>
    
  5. Prueba de Responsividad: Asegúrate de probar tu página en diferentes dispositivos o tamaños de pantalla para ver cómo se comporta el diseño.

Espero que estas sugerencias te sean útiles mientras continúas aprendiendo y practicando HTML. ¡Sigue así, estás haciendo un gran trabajo!

Espero haber ayudado y buenos estudios!