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:
El lenguaje de marcas sirve para dotar de estructura y contenido a un documento web. Mediante la etiqueta div veremos un ejemplo de como dotar de estructura a una página web. Y después utilizaremos la...
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 dónde se muestran errores comunes que cometemos al escribir documentos html. Incluye solución.
¿Existe alguna herramienta gratuita, rápida y sencilla de usar para dibujar el croquis de una maqueta web? + info en la publicación.
La web sería muy distinta a como la conocemos hoy de no ser por Tim Berners-Lee y la invención en 1989 de la etiqueta enlace. El hipervínculo hizo posible incorporar a documentos estructurados y marca...
Aquí encontrarás etiquetas y atributos html obsoletos que deberías borrar de tu mente y mantener únicamente a modo de consulta. ¡Qué horror>
No Comments