Por: Johanna M. Orjuela
El HTML (HyperText Markup Language) es el lenguaje estándar para crear la estructura básica de una página web. En este tutorial, aprenderás cómo usar etiquetas clave para maquetar tu página y organizar su contenido.
index.html.<!DOCTYPE html><htmllang="es"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Mi Página Web</title></head><body><!-- Aquí va el contenido --></body></html>A continuación, te explico cómo usar las etiquetas más importantes:
<h1> a <h6>)<h1>Bienvenidos a mi página</h1><h2>Subtítulo de la sección</h2><p>)<p>Este es un párrafo con información relevante.</p><div>)<div><h2>Sección principal</h2><p>Texto dentro de una sección.</p></div><ul>, <ol>, <li>)<ul><li>Elemento 1</li><li>Elemento 2</li></ul><img>)<imgsrc="ruta-de-la-imagen.jpg"alt="Descripción de la imagen"><a>)<ahref="https://www.google.com">Visitar Google</a><style> dentro de <head> o un archivo CSS externo. Ejemplo básico:<style>body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f0f0f0;
}
h1 {
color: #333;
}
</style>index.html.Con estas etiquetas, ya puedes empezar a maquetar tus páginas web de forma básica. El siguiente paso sería aprender sobre CSS para personalizar el diseño y sobre JavaScript para agregar interactividad.
