Introducción a HTML
HTML (HyperText Markup Language) es el lenguaje estándar utilizado para crear páginas web. Se trata de un lenguaje de marcado que utiliza etiquetas para estructurar el contenido y darle formato. Si deseas comenzar a desarrollar tu propio sitio web, aprender HTML es el primer paso fundamental.
En este tutorial, aprenderás cómo utilizar la etiqueta <html>, que es esencial para la estructura de cualquier página web. Esta etiqueta es el contenedor raíz de todo el documento HTML y contiene el contenido visible e invisible (como los metadatos) de la página.
¿Por qué usamos HTML?
HTML es la base de toda página web. Los navegadores web leen el código HTML para mostrar correctamente la información en las pantallas de los usuarios. Además, HTML permite la interacción con otros lenguajes como CSS (para el estilo) y JavaScript (para la funcionalidad).
En resumen, HTML es lo que le da estructura y organización a tu sitio web, permitiendo que los navegadores puedan mostrar texto, imágenes, formularios y otros elementos.
¿Qué es la etiqueta <html>?
La etiqueta <html> es el contenedor principal de un documento HTML. Todo el contenido de la página, como encabezados, párrafos, imágenes y enlaces, debe ir dentro de esta etiqueta. Además, indica al navegador que el documento es de tipo HTML.
En un archivo HTML, esta etiqueta se coloca al principio del documento y se cierra al final, justo antes de la etiqueta </html>.
Partes principales de un documento HTML
Un documento HTML básico consta de tres secciones principales:
- <html>: La etiqueta raíz del documento que contiene todo el contenido.
- <head>: Esta sección contiene los metadatos, como la codificación de caracteres, el título de la página, enlaces a archivos externos como hojas de estilo o fuentes, etc.
- <body>: Aquí es donde se coloca todo el contenido visible de la página, como el texto, imágenes, tablas, formularios, etc.
Ejemplo básico de código HTML:
A continuación te mostramos un ejemplo simple de código HTML:
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Mi Página Web
</title>
</head>
<body>
<h1>
Bienvenido a mi página web
</h1>
<p>
Este es un ejemplo de un documento HTML básico.
</p>
</body>
</html>
¿Qué son los atributos en HTML?
Los atributos son propiedades adicionales que se pueden agregar a las etiquetas HTML para proporcionar más información o definir el comportamiento de un elemento. Los atributos siempre se colocan dentro de la etiqueta de apertura, en forma de nombre-valor. Aquí te mostramos algunos ejemplos:
<a href="https://www.ejemplo.com">Ir a ejemplo.com</a>
<img src="imagen.jpg" alt="Descripción de la imagen">
¿Cómo usar el atributo lang?
El atributo lang se utiliza para definir el idioma del documento. Por ejemplo, si el contenido está en español, se debe usar lang="es". Esto es útil para mejorar la accesibilidad y permitir que los motores de búsqueda y otros servicios identifiquen el idioma del contenido. Así se ayuda a que las personas con discapacidad visual o auditiva puedan tener una mejor experiencia.
Conclusión
La etiqueta <html> es el punto de partida de cualquier página web. Aunque es una etiqueta simple, su correcta utilización es clave para la estructura adecuada de tu sitio web. Aprender a usarla correctamente te permitirá comprender y desarrollar páginas web completas y funcionales.
Ahora que comprendes lo básico de HTML, puedes comenzar a explorar otras etiquetas y conceptos que te ayudarán a crear páginas web más complejas y con más características.