HTML:Al igual que los
humanos, las maquinas usan su propio lenguaje para comunicarse. En el caso de
las páginas web, las mismas se comunican con el usuario utilizando un lenguaje
de formato y estructura de documentos, es decir HyperText Markup Language,
HTML.
Estas son algunas de las etiquetas HTML más
conocidas: <head></head>
Parte superior
del documento HTML, indica el espacio para los metadatos: título del documento,
hojas de estilos, javaScript, CSS… <body> </body>
Indica la parte del cuerpo del contenido de
un documento HTML. La incluyen todos los documentos porque representa el inicio
del contenido. <a> </a>
Es una etiqueta para crear un enlace a una página web. El atributo principal de la etiqueta HTML es href, donde se incluye el enlace a conectar. <a href=”https://www.trustfortheamericas.org/” target=”_blank”>Clic aquí</a> para visitar la página
de The Trust for the Americas. <br>
Con esta etiqueta HTML se indica un salto de línea. Da orden y legibilidad al contenido. <H1> </H1> hasta <H6> </H6>
Los títulos se pueden asignar del 1 al 6 y sirven para dar importancia a un título y ayuda a los buscadores a seleccionar la importancia del contenido de una página web.
Miremos el siguiente video que amplía más sobre este tema:
Ejercicio de repaso:
En esta ejercicio aprenderemos la estructura básica del código HTML enfocado al desarrollo de
páginas web. Leeremos y escribiremos nuestro primer código y lo visualizaremos
en diferentes navegadores web.
Abra un nuevo
documento del blog de notas y guárdelo en su computador usando la
siguiente nomenclatura: mipaginaweb.html
Escriba el
siguiente código y guarde el documento.
<!DOCTYPE html>
<head>
<title>Mi Primera página
WEB</title>
</head>
<body>
Hola a todos, con la ayuda de Microsoft y
Trust he diseñado esta página web. Espero sea de su agrado
</body>
</html>
Abra el código desde un navegador web y compare los resultados con las
etiquetas utilizadas.
Mientras escribe el código, considere estas preguntas:
1. ¿Puede incluir en el
código listas, encabezados, saltos de línea o comentar el código solo para el
desarrollador? ¿Cómo y dónde lo incluiría? Incluya nuevas etiquetas y visualice
los cambios.
2. ¿Qué puede pasar si
anidamos mal las etiquetas?
Escriba el mismo código en la plataforma Plunker y comparta en el foro las ventajas y desventajas de usar este método de edición
de código HTML
