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. 0 Comentarios
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:
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 so...
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 so...
Como usar los encabezados h1 a h6 en html
Una duda frecuente cuando nos iniciamos en el mundo del html es saber cuando debemos usar un h1, un h2, un h3 o hasta un h4. En esta entrada miramos d...
Una duda frecuente cuando nos iniciamos en el mundo del html es saber cuando debemos usar un h1, un h2, un h3 o hasta un h4. En esta entrada miramos d...
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 pa...
¿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 pa...
Como indicar a Google la modificación y corrección de contenidos mediante html
Cuando escribes contenidos en Internet es inevitable cometer errores. ¿Sabes como corregirlos semánticamente para que los navegadores se enteren de qu...
Cuando escribes contenidos en Internet es inevitable cometer errores. ¿Sabes como corregirlos semánticamente para que los navegadores se enteren de qu...
Ejercicio html para practicar con etiquetas de texto más comunes
Ejercicio html nivel principiante para practicar el uso de las principales etiquetas html de texto. Incluye enunciado y solución.
Ejercicio html nivel principiante para practicar el uso de las principales etiquetas html de texto. Incluye enunciado y solución.
Formatos de imagen png, gif, jpg y svg. ¿Cuándo usarlos?
¿Que formato de imagen usar? Influye la velocidad de carga, las transparencias, animaciones y la seguridad. Resumo las ideas clave.
¿Que formato de imagen usar? Influye la velocidad de carga, las transparencias, animaciones y la seguridad. Resumo las ideas clave.
No hay comentarios