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 2 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:
Listas HTML. Etiquetas ol, ul, li, dl, dt, dd.
Una lista html es una relación de datos agrupados y que tienen una temática en común. Las listas pueden ser ordenadas, no ordenadas y de definiciones. Veamos en este escrito como es su sintaxis, que a...
Una lista html es una relación de datos agrupados y que tienen una temática en común. Las listas pueden ser ordenadas, no ordenadas y de definiciones. Veamos en este escrito como es su sintaxis, que a...
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.
Ejercicio sobre mapas de imágenes html
Ejercicio html dónde se practica un ejemplo de uso de un mapa de imagen. Incluye solución.
Ejercicio html dónde se practica un ejemplo de uso de un mapa de imagen. Incluye solución.
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í debería ser! Veamos thead, tbody, tfoot, caption...
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í debería ser! Veamos thead, tbody, tfoot, caption...
Embellecer código html, css o javascript para entenderlo mejor
¿Hay alguna forma amable de leer páginas web dónde todo el contenido se haya compactado? Te presento algunas de mis herramientas favoritas.
¿Hay alguna forma amable de leer páginas web dónde todo el contenido se haya compactado? Te presento algunas de mis herramientas favoritas.
Errores html frecuentes que me encuentro en clase. ¡Corrígelos!
En este ejercicio se recopilan variados errores que observo en mis alumnos de html edición tras edición. ¿Serás capaz de identificar sin hacer trampas todos los fallos?
En este ejercicio se recopilan variados errores que observo en mis alumnos de html edición tras edición. ¿Serás capaz de identificar sin hacer trampas todos los fallos?
Walter Lei
Posted at 17:46h, 17 febreroTe felicito, excelente instructor. Deberías Tambien dar clases en castellano y si me apuras en ingles para aquellos que puedan aprovechar tu experiencia como instructor. No todo el mundo puede y tiene la pasión de pasar 5 horas seguidas todos los días como lo haces.
Francesc Ricart
Posted at 13:49h, 22 febrero¡Muchas gracias Walter!