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!
¿Te ha gustado esta publicación?
¡Valora sobre 5 estrellas esta publicación!
Puntuación media 5 / 5. Votos: 1
Vaya, parece que hay puntos a corregir
¿Me ayudas a mejorar?
¡Gracias por tu feedback!
Entradas relacionadas:
Ejercicio html dónde se práctica como anidar correctamente una lista no ordenada. Esta lista simula un futuro menú de navegación. Incluye solución.
Cuando nos iniciamos todos solemos cometer errores parecidos. En esta entrada encontrarás un buen repositorio de casos reales en alumnos.
Resumen con ejemplos de como acceder de forma relativa y con enlaces a los distintos archivos de un proyecto web dado un html referencia.
Ejercicio html para prácticar los nombres HTML y los códigos HTML de los caracteres más útiles de recordar. Incluye solución.
Ejercicio básico para practicar como hacer una tabla en html. Etiquetas thead, tboyd, table, tr, th y td. Incluye solución.
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 hay comentarios