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 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:
Por una vez hagamos la excepción… juguemos con frameset
Ejercicio para practicar los frameset de html. Incluye solución.
Ejercicio para practicar los frameset de html. Incluye solución.
Ejemplo de creación de página web con capas y migración a HTML5
El lenguaje de marcas sirve para dotar de estructura y contenido a un documento web. Mediante la etiqueta div veremos un ejemplo de como dotar de estructura a una página web. Y después utilizaremos la...
El lenguaje de marcas sirve para dotar de estructura y contenido a un documento web. Mediante la etiqueta div veremos un ejemplo de como dotar de estructura a una página web. Y después utilizaremos la...
Meta etiquetas en HTML : meta tags
Las meta etiquetas son un tipo de tags que se escriben en la cabecera de un documento web que aportan información técnica a los motores de búsqueda sobre como deben leer nuestro sitio web. Vemos los t...
Las meta etiquetas son un tipo de tags que se escriben en la cabecera de un documento web que aportan información técnica a los motores de búsqueda sobre como deben leer nuestro sitio web. Vemos los t...
Ejercicio migración de xhtml a html5. Estructura web semántica.
Ejercicio html5 dónde transformamos un documento web realizado con capas html . Incluye solución.
Ejercicio html5 dónde transformamos un documento web realizado con capas html . Incluye solución.
Ejercicio html sobre listas anidadas para un menú de navegación
Ejercicio html dónde se práctica como anidar correctamente una lista no ordenada. Esta lista simula un futuro menú de navegación. Incluye solución.
Ejercicio html dónde se práctica como anidar correctamente una lista no ordenada. Esta lista simula un futuro menú de navegación. Incluye solución.
Etiquetas xmp, pre y code en HTML
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 ...
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 ...
No Comments