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:
Errores html típicos que todos cometemos alguna vez
Cuando nos iniciamos todos solemos cometer errores parecidos. En esta entrada encontrarás un buen repositorio de casos reales en alumnos.
Cuando nos iniciamos todos solemos cometer errores parecidos. En esta entrada encontrarás un buen repositorio de casos reales en alumnos.
Ejercicio avanzado mapa de imagen html
Ejercicio sobre mapa de imagen con areas inertes y ligeramente más complicado que los anteriores. Incluye solución.
Ejercicio sobre mapa de imagen con areas inertes y ligeramente más complicado que los anteriores. Incluye solución.
Libro digital navegable
Ejercicio html en el que se practican los conceptos de listas anidadas ul, ol , li , anclas, enlaces, link y url relativas. Incluye solución. ¡Tu primer libro digital con html!
Ejercicio html en el que se practican los conceptos de listas anidadas ul, ol , li , anclas, enlaces, link y url relativas. Incluye solución. ¡Tu primer libro digital con html!
Como hacer espacios en blanco con html
Has intentado separar palabras en blanco pulsando el espaciador? Seguramente has comprobado que no funciona. En esta publicación vemos un ejemplo de como se debe hacer con HTML.
Has intentado separar palabras en blanco pulsando el espaciador? Seguramente has comprobado que no funciona. En esta publicación vemos un ejemplo de como se debe hacer con HTML.
Qué es un favicon y para que sirve
¿Eres de los que se fija en todos los detalles de una página web cuando navega? Entonces el favicon es para ti. En esta entrada te explico que es y para que sirve.
¿Eres de los que se fija en todos los detalles de una página web cuando navega? Entonces el favicon es para ti. En esta entrada te explico que es y para que sirve.
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