Ejercicio html de repaso. Corrige los errores de sintaxis.

Ejercicio html de repaso. Corrige los errores de sintaxis.

Print Friendly, PDF & Email
Ejercicio html de repaso. Corrige los errores de sintaxis.
5 (100%) 1 voto

La mejor forma de aprender html es corregir los errores de uno mismo y explicar a otro como se hace correctamente.

En este ejercicio planteo varios errores típicos que me encuentro en las formaciones de web.

Hagamos un juego:

Deja que intente forzar tu error. ¡Tu intenta que no te pille!

Enunciado

Los siguientes ejercicios están plagados de errores de sintaxis html.

Corrígelos.

Enunciado 1

<head>
  <meta author=""/>
  <meta description=""/>
<head>

Enunciado 2

<html>
  <header>
    <title></title>
  </header>
  <body>
  </body>
</html>

Enunciado 3

<table>
<td>
  <tr></tr>
  <tr></tr>
</td>
<td>
  <tr></tr>
  <tr></tr>
</td>
</table>

Enunciado 4

<p>
Un texto legendario </br>
sucede en un gran escenario </br>
¿ves el <em><b>error</em></b>?
</p>

Solución del ejercicio

Enunciado 1

El meta tiene un atributo name y otro content.

La excepción es el <meta charset=”utf-8/>

<head>
  <meta name="author" content=""/>
  <meta name="description" content=""/>
</head>

Enunciado 2

No confundas la etiqueta html5 <header> con la etiqueta <head>.

<html>
  <head>
    <title></title>
  </head>
  <body>
  </body>
</html>

Enunciado 3

<tr> define una fila.

<td> define una celda.

Las celdas van dentro de las filas.

<table>
<tr>
  <td></td>
  <td></td>
</tr>
<tr>
  <td></td>
  <td></td>
</tr>
</table>

Enunciado 4

<em> está mal anidada. La última etiqueta que se abre es la primera que se debe cerrar.

Por otro lado… ¿te has percatado que <br> estaba mal escrito?

Las opciones correctas son <br> o <br/>.

<p>
Un texto legendario <br/>
sucede en un gran escenario <br>
¿ves el <b><em>error</em></b>?
</p>

¡Hola!

Querido lector,

¿Has visto todos los errores a la primera? ¡Enhorabuena!

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

Entradas relacionadas:

Como funcionan los frameset de html. ¡Cuidado que están obsoletos!
- 501
El uso de framesets está completamente desaconsejado. Son etiquetas obsoletas. Sin embargo en esta entrada recuperamos su uso y las repasamos. ¡Nunca se sabe si algún día volverán a ser de utilidad!...
Meta etiquetas en HTML : meta tags
- 751
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...
Como indicar a Google la modificación y corrección de contenidos mediante html
- 148
Cuando escribes contenidos en Internet es inevitable cometer errores. ¿Sabes como corregirlos semánticamente para que los navegadores se enteren de que has escrito una corrección o actualización?
Ejercicio html sobre tablas. Etiquetas table, tr, td, colspan, rowspan
- 146
Ejercicio nivel básico sobre tablas html. Uso de rowspan y colspan. Incluye solución.
Ejercicio estructura web mediante capas con div e id
- 104
¿Como crear y organizar capas html en un documento web? En este ejercicio lo harás de 0. Se incluye propuesta de solución. Es un paso previo a html5.
La importancia de la etiqueta < title > para el SEO
- 318
¿Quieres evitar que tus páginas web sean invisibles en internet? Entonces la etiqueta title es para ti y esta entrada te interesa.
Ejercicio html sobre códigos HTML y caracteres especiales
- 84
Ejercicio html para prácticar los nombres HTML y los códigos HTML de los caracteres más útiles de recordar. Incluye solución.
Errores html típicos que todos cometemos alguna vez
- 97
Cuando nos iniciamos todos solemos cometer errores parecidos. En esta entrada encontrarás un buen repositorio de casos reales en alumnos.
Resumen de como comentar código en html, css y javascript
- 772
En las fases iniciales de aprender html, css y javascript nos vemos abrumados por tanta información. Con la entrada de hoy hacemos un resumen sobre como comentar código en los principales lenguajes de...
Como navegar por el árbol de una página web mediante enlaces html
- 146
Resumen con ejemplos de como acceder de forma relativa y con enlaces a los distintos archivos de un proyecto web dado un html referencia.
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.