▷ Introducción a HTML5 【 TEORÍA 】
Introducción a HTML5 y las Etiquetas Básicas
HTML5 (HyperText Markup Language, versión 5) es el lenguaje estándar utilizado para crear y estructurar el contenido en la web. Esta versión de HTML introduce nuevas características y mejoras para desarrollar sitios web más dinámicos y accesibles.
En este artículo, exploraremos las etiquetas básicas que forman la base de cualquier documento HTML5.
La Declaración DOCTYPE
La primera línea de un archivo HTML debe ser la declaración DOCTYPE. Esta declaración le indica al navegador que estamos utilizando HTML5 y asegura que la página se renderice correctamente. Es simple y se escribe de la siguiente manera:
<!DOCTYPE html>
La Etiqueta <html>
La etiqueta <html> es la raíz de cualquier documento HTML. Todo el contenido de la página, incluidas las etiquetas <head> y <body>, se encuentra dentro de esta etiqueta. Ejemplo:
<html>
<!-- Contenido de la página -->
</html>
La Etiqueta <head>
La etiqueta <head> contiene información sobre la página web que no se muestra directamente al usuario, como metadatos, enlaces a hojas de estilo y scripts. Es fundamental para el buen funcionamiento y SEO de tu página.
<head>
<!-- Información no visible directamente -->
</head>
La Etiqueta <meta>
Las etiquetas <meta> proporcionan metadatos sobre la página. Algunos de los usos más comunes incluyen:
- Codificación de caracteres:
<meta charset="UTF-8">
- Vista adaptable:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- Descripción para motores de búsqueda:
<meta name="description" content="Una introducción a HTML5 y sus etiquetas básicas.">
La Etiqueta <title>
La etiqueta <title> define el título de la página web que aparece en la pestaña del navegador. Es importante para el SEO y la experiencia del usuario.
<title>Introducción a HTML5</title>
La Etiqueta <body>
La etiqueta <body> contiene todo el contenido visible para los usuarios, como texto, imágenes, videos y enlaces. Es la parte más interactiva de la página.
<body>
<h1>Bienvenido a HTML5</h1>
<p>Este es un ejemplo básico de una estructura HTML.</p>
</body>
Estructura Completa de un Documento HTML5
A continuación, se presenta un ejemplo completo de un documento HTML5 básico:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Una introducción a HTML5 y sus etiquetas básicas.">
<title>Introducción a HTML5</title>
</head>
<body>
<h1>Bienvenido a HTML5</h1>
<p>Con HTML5, puedes crear páginas web modernas y dinámicas.</p>
</body>
</html>
Con esta estructura, ya tienes las bases para comenzar a construir tus propios sitios web utilizando HTML5. ¡Explora más etiquetas y funcionalidades para llevar tus proyectos al siguiente nivel!
Recursos adicionales
Para más recursos adicionales visita los siguientes enlaces:
- Usos de la etiqueta <meta>
- Caracteres especiales en HTML5
- Elementos bloque de HTML5
- Elementos línea de HTML5
En el siguiente video explico un poco más acerca de HTML5 y sus etiquetas principales.
🗨️ ¿Qué opinas?
Me encantaría saber tu opinión sobre este tema. Déjame un comentario
aquí abajo 💬 y, si te gustó el contenido, ¡no olvides seguir el blog
para no perderte las próximas publicaciones! 📚✨
Comentarios