Corrige los errores que veas en la estructura web

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

Publicado a las 07:30h en Ejercicios HTML, Tutorial HTML gratuito. Aprende a estructurar tus páginas web. por Francesc Ricart 0 Comentarios

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

Valora esta entrada

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:

Ejercicio sobre listas de definiciones html

- 44

Gran excusa para repasar las listas html de definiciones y conceptos de cultura general sobre web e internet. Incluye solución.

Etiquetas xmp, pre y code en HTML

- 956

Tratamos las etiquetas que permiten preformatear el texto de un documento web. Como se escriben, para que sirven y sus peculiaridades con un ejemplo práctico. Veréis el código html y el resultado por ...

Ejercicio migración de xhtml a html5. Estructura web semántica.

- 35

Ejercicio html5 dónde transformamos un documento web realizado con capas html . Incluye solución.

Imágenes en html: la etiqueta img

- 498

Hoy en día se nos hace difícil imaginar aquellas primeras páginas web sin imágenes. La etiqueta de html se propuso por primera vez en 1993 por Marc Andreessen. En esta entrada presentamos la etiqueta...

Formatos de imagen png, gif, jpg y svg. ¿Cuándo usarlos?

- 53

¿Que formato de imagen usar? Influye la velocidad de carga, las transparencias, animaciones y la seguridad. Resumo las ideas clave.

Anclas html

- 598

Anteriormente hemos visto que es un enlace y como se construye mediante una etiqueta y cuales son los atributos más importantes que lo acompañan. Hoy vamos a ver una de las utilidades más prácticas d...

Como navegar por el árbol de una página web mediante enlaces html

- 79

Resumen con ejemplos de como acceder de forma relativa y con enlaces a los distintos archivos de un proyecto web dado un html referencia.

Validadores de código HTML y CSS

- 558

Incluso los programadores y diseñadores más experimentados cometen errores de sintaxis o vocabulario picando código en lenguaje html, css, javascript y cualquier otro lenguaje de programación. Nos pas...

Errores html típicos que todos cometemos alguna vez

- 56

Cuando nos iniciamos todos solemos cometer errores parecidos. En esta entrada encontrarás un buen repositorio de casos reales en alumnos.

Ejercicio html sobre tablas. Etiquetas table, tr, td, colspan, rowspan

- 52

Ejercicio nivel básico sobre tablas html. Uso de rowspan y colspan. Incluye solución.

Francesc Ricart

hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi