Corrige los errores que veas en la estructura web | Ejercicios html

4.9
(14)

Publicado

En este ejercicio vamos a repasar el concepto de estructura de un documento web.

Es interesante que leas estas entradas.

Vayamos al enunciado del ejercicio.

Enunciado

A continuación se te presenta un documento web con algunos errores de sintaxis y a nivel de estructura del documento web.

Corrígelos.

<DOCTYPE html>
<html>
    <head>
        </meta charset="utf-8">
        <meta name="description" content="Ejercicio HTML - Corrige los errores">
    <body>
    </head>
        <title>Corrige los errores que encuenres en el documento</title>
        
    <h1>Aprender HTML es muy divertido</h1>
    
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quam optio nesciunt atque iure  animi dicta velit
   
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quam optio nesciunt atque iure  animi dicta velit</p>
      
   
    </body>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quam optio nesciunt atque iure  animi dicta velit</p>
<html>

Solución del ejercicio

Salvo error mío o omisión la solución del ejercicio anterior se presenta a continuación y con los errores explicado en comentarios html

<!DOCTYPE html> 
<!-- Falta el símbolo de exclamación-->
<html>
    <head>
        <meta charset="utf-8"/>
        <!-- la contrabarra en caso de ponerse va en el cierre de la etiqueta. recordar que los metas no tienen etiqueta de cierre.-->
        <meta name="description" content="Ejercicio HTML - Corrige los errores">
        <title>Corrige los errores que encuenres en el documento</title>
        <!-- El title debe ir dentro del <head>-->
    </head> 
    <!-- La apertura del <body> va justo después del cierre del </head>-->
    <body>
        
    <h1>Aprender HTML es muy divertido</h1>
    
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quam optio nesciunt atque iure  animi dicta velit </p><!--Recordar cerrar siempre todas las etiquetas. En este caso la etiqueta <p>-->
   
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quam optio nesciunt atque iure  animi dicta velit</p>
      
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quam optio nesciunt atque iure  animi dicta velit</p> <!-- el body siempre cierre el contenido web. Después no debemos añadir contenido.-->
   
    </body>
</html><!-- Falta la barra de cierre de la etiqueta-->

¡Hola!

Querido lector,

Deseo que te haya servido para coger conciencia de errores típicos que debes evitar.

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media 4.9 / 5. Votos: 14

Todavía no hay votos. Sé el primero en valorar la entrada.

4 respuestas a «Corrige los errores que veas en la estructura web | Ejercicios html»

  1. Avatar de Walter Lei
    Walter Lei

    Te felicito, excelente instructor. Deberías Tambien dar clases en castellano y si me apuras en ingles para aquellos que puedan aprovechar tu experiencia como instructor. No todo el mundo puede y tiene la pasión de pasar 5 horas seguidas todos los días como lo haces.

    1. Avatar de Francesc Ricart

      ¡Muchas gracias Walter!

  2. Avatar de ALfonso
    ALfonso

    Excelente tu trabajo y aporte estimado Francesc.
    Un gran saludo desde Argentina.

    1. Avatar de francesc

      ¡Muchas gracias!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *