17 Feb Ejercicio html de repaso. Corrige los errores de sintaxis.
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:
Gran excusa para repasar las listas html de definiciones y conceptos de cultura general sobre web e internet. Incluye solución.
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 anotaciones de clase.
Un error típico en muchos alumnos de web es no anidar bien las etiquetas. Te resumo como hacerlo y dónde se suele equivocar la gente.
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?
Lo más importante que debéis aprender en este curso es como tabular correctamente vuestro código. Incluye imágenes de casos bien tabulados y mal tabulados.
Ejercicio html dónde se muestran errores comunes que cometemos al escribir documentos html. Incluye solución.
No Comments