PRINCIPIOS DE HTML
¿QUÉ ES UNA ETIQUETA?
Una etiqueta en HTML es un elemento utilizado para definir la estructura y contenido de
una página web. Las etiquetas son códigos que se utilizan para indicar al navegador cómo
debe mostrar el contenido de una página web. Cada etiqueta comienza con un signo de
menor que (<) y termina con un signo de mayor que (>).
Un elemento, para que sea válido, generalmente tiene una etiqueta de inicio (<nombre-
del-elemento>) y una etiqueta de cierre (</nombre-del-elemento>).
Es de aclarar que no todas las etiquetas HTML deben tener una estructura de cierre, a
estas se le conocen como “Etiquetas vacías”, puesto que no tienen contenido, como la
etiqueta <br> (Salto de línea).
ESTRUCTURA BÁSICA DE UNA PAGINA EN HTML
La estructura HTML de una página web se compone de las siguientes etiquetas:
• <!DOCTYPE html>: Indica qué tipo de documento debe abrir el navegador y qué
sintaxis y gramática utiliza su código fuente.
• <html> </html>: Es el elemento raíz y es el más importante dentro de la estructura
HTML, contendrá el resto de las etiquetas de la página web.
• <head> </head>: Es la etiqueta principal que incluye metadatos; son atributos
que no se muestran al usuario, solo describen referencias de la página, por
ejemplo, título, autores, entre otros.
• <body> </body>: Es la etiqueta para desarrollar todo el cuerpo de la página web
y engloba datos desde textos hasta enlaces.
LOS METADATOS
Los metadatos en HTML son información adicional sobre un documento o recurso que
no está visible directamente cuando se muestra en un navegador web, pero que puede
ser útil para organizar, clasificar, y encontrar fácilmente dichos recursos. Estos metadatos
se encuentran principalmente en la parte superior del archivo HTML, dentro de lo que se
conoce como "cabeza" (header) del documento. Por ejemplo:
• charset utf-8: Conjunto de caracteres universal que incluye casi todos los
caracteres de la mayoría de los idiomas que habla el ser humano. Esto significa
que la página web podrá gestionar la visualización de cualquier idioma.
• Viewport: Ajusta el contenido de la página a cualquier dispositivo.
• description: Descripción del contenido de la página web.
• keywords: Palabras clave de la página web.
• author: Autor o autores del documento.
COMENTARIOS
En HTML, los comentarios se utilizan para añadir notas o comentarios dentro del código
que no se mostrarán en la página web. Estos comentarios son útiles para documentar el
código o explicar su funcionamiento.
Comienza con el símbolo "<!--", luego sigue cualquier cantidad de caracteres hasta llegar
al símbolo "-->".
ACTIVIDAD N. 1: Completa el siguiente ejercicio en el cuaderno.
1. ¿Qué es una etiqueta en HTML?, escribe un ejemplo
2. ¿Todos los elementos de HTML tienen etiquetas de cierre?, argumenta tu respuesta
3. Copia en el cuaderno la estructura básica de una página web en HMTL, explica cada uno
de sus elementos.
4. ¿Qué son los metadatos?, ¿En qué parte de la página web se deben declarar?
5. ¿Para qué sirven los valores charset utf-8, Viewport, description, keywords y author que
se declaran en el elemento meta?, escribe un ejemplo tomando en cuenta la estructura
que debe tener una página web.
6. ¿Qué son y para qué sirven los comentarios en HTML?
7. ¿Con que símbolos se representan los comentarios en HTML?, escribe un ejemplo de un
comentario. Recuerda seguir la estructura expuesta en clase.