Diagrama de temas
-
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
