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:
¿Qué sucede cuando te equivocas con una etiqueta html o directamente te la inventas? ¿Cómo la interpreta el navegador web?
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!
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...
Ejercicio html de nivel básico para practicar con el espacio en blanco de HTML. Incluye solución.
Ejercicio html dónde practicarás primero con el word de Office y después mediante html el estructurado correcto de los encabezados de un documento web mediante h1, h2 y h3
Ejercicio html dónde se muestran errores comunes que cometemos al escribir documentos html. Incluye solución.
No Comments