El lenguaje de marcado de hipertexto, comúnmente conocido como HTML (HyperText Markup Language por sus siglas en inglés), es la base fundamental para la creación y el diseño de sitios web. Con HTML, los desarrolladores pueden estructurar y organizar el contenido de una página web de manera jerárquica, definir la presentación visual y enlazar diferentes elementos para crear una experiencia de navegación interactiva. Aquí te proporcionaré una guía detallada sobre cómo utilizar HTML para formatear y organizar un sitio web:
-
Estructura básica del documento HTML: Todo documento HTML comienza con una estructura básica que incluye etiquetas de apertura y cierre. La etiqueta
delimita el inicio y el final del documento HTML. Dentro de esta etiqueta, se encuentran dos secciones principales: la cabecera () y el cuerpo (). La cabecera contiene metadatos y enlaces a archivos externos, mientras que el cuerpo contiene el contenido visible de la página.htmlhtml> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Título de la páginatitle> head> <body> body> html> -
Encabezados y párrafos: Los encabezados (
a
<h1>Encabezado de nivel 1h1> <h2>Encabezado de nivel 2h2> <p>Este es un párrafo de texto.p> -
Listas: Las listas ordenadas (
- ) y no ordenadas (
<ul> <li>Elemento 1li> <li>Elemento 2li> <li>Elemento 3li> ul> <ol> <li>Primer pasoli> <li>Segundo pasoli> <li>Tercer pasoli> ol> -
Enlaces: Para crear enlaces a otras páginas web o recursos, se utiliza la etiqueta
. El atributohrefespecifica la URL de destino del enlace.html<a href="https://www.ejemplo.com">Enlace a Ejemploa> -
Imágenes: Las imágenes se insertan en una página web utilizando la etiqueta
srcespecifica la URL de la imagen y el atributoaltproporciona un texto alternativo para accesibilidad.html<img src="imagen.jpg" alt="Descripción de la imagen"> -
Tablas: Las tablas se utilizan para organizar datos en filas y columnas. Se definen con las etiquetas
