Hoy aprenderemos sobre la estructura básica de una página HTML y las etiquetas más importantes para comenzar a crear nuestro propio sitio web. HTML es un lenguaje de marcado, lo que significa que utiliza etiquetas o “tags” para dar formato y organizar el contenido de una página. Las etiquetas HTML nos dicen cómo debe aparecer y comportarse el contenido en el navegador. Antes de adentrarse en elementos más complejos, es fundamental entender la base sobre la que deben construirse todas las páginas web.
El esqueleto básico de una página HTML se compone de tres etiquetas principales:
<!DOCTYPE html>, <html>,</html>, y <head>,</head>,<body>,</body>.
La primera etiqueta <!DOCTYPE html> indica al navegador que la página es un documento HTML5 y se escribe al inicio del archivo.
La segunda etiqueta es <html> que simboliza el inicio del contenido del documento HTML. Todas las demás etiquetas se incluyen dentro de esta.
Dentro de la etiqueta <html> encontramos dos etiquetas fundamentales: <head> y <body>.
1. La etiqueta <head>: Esta etiqueta nos permite incluir información sobre la página que no será visible para los visitantes, como el título que aparece en la pestaña del navegador, enlaces a archivos CSS para dar estilo al contenido de la página, y metadatos, que proporcionan información a los motores de búsqueda.
2. La etiqueta <body> Aquí se encuentra el contenido visible de la página, como texto, imágenes, enlaces y formularios. Toda la estructura y elementos que queremos que aparezcan en nuestra página web se colocan dentro de la etiqueta <body>.
Ejemplo de una estructura básica HTML
A continuación, mostramos un ejemplo sencillo de cómo se vería una página HTML con la estructura básica que hemos explicado:
<!DOCTYPE html>
<html>
<head>
<title>Mi primera página HTML</title>
</head>
<body>
<h1>Hola, bienvenidos a mi página web</h1>
<p>Este es un párrafo de texto en mi sitio web.</p>
<a href=“https://www.inforprograma.net”>Visita inforprograma.net</a>
</body>
</html>
En este ejemplo utilizamos algunas etiquetas adicionales, como <title>, <h1> y <p> para dar formato al texto en la página, y <a> para crear un enlace a otro sitio web. Pero lo más importante es la estructura general de la página que está definida por las etiquetas. <!DOCTYPE html>, <html>,</html>, y <head>,</head>,<body>,</body>.
Conclusión
Dominar la estructura básica de HTML es esencial para cualquier principiante que desee adentrarse en el mundo de la creación de sitios web. Las etiquetas que discutimos en este artículo son el fundamento sobre el cual se construye cualquier página, y a medida que aprendas más sobre HTML, podrás agregar elementos adicionales y funcionalidades a tu sitio web. ¡Sigue explorando inforprograma.net para aprender más sobre el desarrollo web!