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 Estudiante
| 26.7k xp | 39 posts
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mi Proyecto Web</title>
</head>
<body>
    <!-- Título principal -->
    <h1>Bienvenidos a Mi Proyecto Web</h1>
    
    <!-- Subtítulo -->
    <h2>Explorando el Desarrollo Web</h2>
    
    <!-- Párrafo descriptivo -->
    <p>Este sitio web está diseñado para demostrar la estructura básica de un documento HTML y cómo se organizan sus elementos.</p>
    
    <!-- Imagen con accesibilidad -->
    <img src="imagen.jpg" alt="Descripción de la imagen" width="400">
    
    <!-- Lista de elementos -->
    <h3>Características del Proyecto</h3>
    <ul>
        <li>Estructura HTML bien organizada</li>
        <li>Uso de etiquetas semánticas</li>
        <li>Implementación de imágenes accesibles</li>
        <li>Listas para organizar contenido</li>
    </ul>
</body>
</html>
1 respuesta
por Brenda Souza
| 4883.2k xp | 17616 posts
Instructor Scuba

¡Hola Estudiante, espero que estés bien!

Parece que has hecho un gran trabajo siguiendo los pasos de la actividad del curso. Tu código HTML incluye todos los elementos esenciales que se mencionan en la actividad, como la estructura básica de HTML, encabezados, párrafos, imágenes con accesibilidad y listas.

Aquí hay algunas cosas que puedes considerar para asegurarte de que todo esté en orden:

  1. Indentación: Asegúrate de que la indentación de tu código sea consistente para mejorar la legibilidad. Por ejemplo, puedes usar dos o cuatro espacios para cada nivel de anidación.

  2. Verificación en el navegador: Abre tu archivo HTML en un navegador para asegurarte de que todo se vea como esperas. Esto te ayudará a verificar que las imágenes se carguen correctamente y que el texto esté bien estructurado.

  3. Live Server: Si estás usando Visual Studio Code, considera instalar la extensión "Live Server". Esto te permitirá ver los cambios en tiempo real cada vez que guardes tu archivo, lo cual es muy útil para el desarrollo web.

  4. Descripción de la imagen: Asegúrate de que el atributo alt de la imagen tenga una descripción precisa de lo que se muestra, lo que es importante para la accesibilidad.

  5. Exploración del DOCTYPE: Si estás interesado en entender más sobre el impacto del <!DOCTYPE html>, intenta quitarlo y ver cómo cambia el comportamiento en el navegador, como se sugiere en la actividad.

Espero que estos consejos te sean útiles. ¡Espero haber ayudado y buenos estudios!