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:
Aquí encontrarás etiquetas y atributos html obsoletos que deberías borrar de tu mente y mantener únicamente a modo de consulta. ¡Qué horror>
Existen 2 formas de aprender el html. Uno es ir desde las etiquetas más antiguas y obsoletas hacia las más modernas del html5 o viceversa. Yo soy partidario de aprender html5 directamente y hacer borr...
Ejercicio básico para practicar como hacer una tabla en html. Etiquetas thead, tboyd, table, tr, th y td. Incluye solución.
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 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?
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.
No Comments