El siguiente reto de Webmaking 101 de P2PU consistía en aprender a escribir a mano el código html y que haya pasado 15 minutos escribiendo a mano sin errores, el código es el siguiente:
<!DOCTYPE html>
<meta charset="utf-8">
<title> Hola Mundo por Juan Pérez</title>
</head>
<body>
Este código fue escrito a mano.
</p>
</body>
</html>
Cuando empezaba a escribir a mano, me entraba la curiosidad: Para qué sirve head? body? h1? p? todo eso, así que me escapé un rato al Google para averiguar y encontré estas informaciones que me ayudó a comprender su estructura del código html:
!DOCTYPE = Define el tipo de documento.
html = El lenguaje a escribir el código.
head = La información sobre el contenido, útil para los navegadores y para los buscadores de Etiquetas.
charset="utf-8" = Define la codificación del contenido, en el reto se utiliza el utf-8.
title = Es donde pones el título de la información del head.
body = Es el campo del contenido.
h1 = El encabezado del contenido.
p = El párrafo del contenido.
Espero que eso les ayude un poco para entender sus funciones en html.
Completé el reto escribiendo 4 páginas y sí, tenía algunos errores de que no cerraba bien como <title>Hola .. > o <title=Hola> </title> pero poco a poco ya pude dominar el código y aprenderlo de memoria.
Aquí les muestro una parte de lo que escribí a mano:
Disculpen que la imagen se vea borroso.
Bueno, terminado el reto, voy al siguiente!
No hay comentarios:
Publicar un comentario