24 Ene Corrige los errores que veas en la estructura web | Ejercicios html
Publicado a las 07:30h en Tutorial HTML gratuito. Aprende a estructurar tus páginas web., Ejercicios HTML 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:
Ejercicio html sobre tablas. Etiquetas table, tr, td, colspan, rowspan
Ejercicio nivel básico sobre tablas html. Uso de rowspan y colspan. Incluye solución.
Ejercicio nivel básico sobre tablas html. Uso de rowspan y colspan. Incluye solución.
Espacios en blanco HTML. Practicando con caracteres especiales.
Ejercicio html de nivel básico para practicar con el espacio en blanco de HTML. Incluye solución.
Ejercicio html de nivel básico para practicar con el espacio en blanco de HTML. Incluye solución.
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...
Ejercicio sobre creación de capas html mediante etiquetas div
Ejercicio sobre creación y estructuración de un documento web mediante capas html. Este ejercicio es preparatorio al salto a html5. Incluye solución y...
Ejercicio sobre creación y estructuración de un documento web mediante capas html. Este ejercicio es preparatorio al salto a html5. Incluye solución y...
Resumen de atributos html para ayudarnos a memorizar
En esta entrada hago un ejercicio mental repasando el conjunto de atributos típicos usados en HTML. ¿Cuantos dirías que salen? ¿20, 30, 40, más?
En esta entrada hago un ejercicio mental repasando el conjunto de atributos típicos usados en HTML. ¿Cuantos dirías que salen? ¿20, 30, 40, más?
Etiquetas html para escribir tablas. Olvídate de atributos obsoletos.
El uso de tablas html es un clásico dentro del mundo web. Se usan como recurso para introducir datos en un documento web y nunca para maquetar. ¡O as...
El uso de tablas html es un clásico dentro del mundo web. Se usan como recurso para introducir datos en un documento web y nunca para maquetar. ¡O as...
No hay comentarios