Corrige los errores que veas en la estructura web

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

Posted at 07:30h in Tutorial HTML gratuito. Aprende a estructurar tus páginas web., Ejercicios HTML by Francesc Ricart 0 Comments

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!

Entradas relacionadas:

Listas HTML. Etiquetas ol, ul, li, dl, dt, dd.
Una lista html es una relación de datos agrupados y que tienen una temática en común. Las listas pueden ser ordenadas, no ordenadas y de definiciones. Veamos en este escrito como es su sintaxis, que a...

Enlaces en html: la etiqueta a
La web sería muy distinta a como la conocemos hoy de no ser por Tim Berners-Lee y la invención en 1989 de la etiqueta enlace. El hipervínculo hizo posible incorporar a documentos estructurados y marca...

Ejercicio fácil de creación de tablas html. Incluye solución
Ejercicio básico para practicar como hacer una tabla en html. Etiquetas thead, tboyd, table, tr, th y td. Incluye solución.

Mapas de imagen en html
Los mapas de imágenes son una funcionalidad HTML para las imágenes muy curiosa que permiten definir diferentes enlaces asociados a distintas zonas de una misma imagen. A pesar de haber caído en desuso...

Cuidado con los tutoriales pdf obsoletos sobre html, css y javascript
En internet se encuentra mucho material de gran calidad para aprender lenguajes como html, css, y javascript. ¿Pero todos los pdf sirven?

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

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

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

Enunciado

Solución del ejercicio

Entradas relacionadas:

Francesc Ricart

No Comments

Post A Comment