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

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

5
(5)

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 5 / 5. Votos: 5

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

Si te ha gustado este contenido...

¡Sígueme en las redes!

Vaya, parece que hay puntos a corregir

¿Me ayudas a mejorar?

¿Dónde he fallado?

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

2 Comments
  • Walter Lei
    Posted at 17:46h, 17 febrero Responder

    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.

Post A Comment