HTML (HyperText Markup Language) es el lenguaje de marcado estándar utilizado para crear y estructurar páginas web. Permite organizar el contenido mediante etiquetas, las cuales indican la función de cada elemento dentro de una página, como títulos, párrafos, imágenes, enlaces y listas. HTML es la base de cualquier sitio web y trabaja en conjunto con otros lenguajes como CSS, que se encarga del diseño, y JavaScript, que permite agregar interactividad.
Las etiquetas de HTML son palabras clave que se utilizan entre signos de menor y mayor (< >) para definir los distintos elementos de una página web. Estas etiquetas permiten indicar qué tipo de contenido se está mostrando, como títulos, párrafos, imágenes, enlaces, listas, tablas, formularios, entre otros. La mayoría de las etiquetas se componen de una etiqueta de apertura y una de cierre, por ejemplo: <p>...</p>.
La estructura de un documento HTML está compuesta por varias partes principales: el <!DOCTYPE html>, que indica el tipo de documento; la etiqueta <html>, que contiene todo el contenido; la sección <head>, donde se incluyen datos importantes como el título de la página y los estilos; y la sección <body>, que contiene toda la información visible, como textos, imágenes, botones y videos.
Los atributos de HTML son características adicionales que se le asignan a las etiquetas para modificar su comportamiento o apariencia. Van dentro de la etiqueta de apertura y proporcionan información extra, como el tamaño, el color, la posición o la dirección de un enlace. Algunos ejemplos de atributos son: src en las imágenes, que indica la ruta del archivo; href en los enlaces, que indica la dirección a la que se va; y style, que sirve para aplicar estilos directamente al elemento.
CSS (Cascading Style Sheets) es el lenguaje que se utiliza para dar estilo y diseño a las páginas web creadas con HTML. Gracias a CSS es posible cambiar colores, tipos de letra, tamaños, márgenes, posiciones, fondos, bordes y la organización de los elementos en la pantalla. Es el encargado de hacer que una página web se vea atractiva, ordenada y fácil de leer.
Además, CSS permite adaptar el diseño a diferentes dispositivos como computadores, tablets y teléfonos móviles, mediante técnicas como el diseño responsive. Esto significa que un mismo sitio web puede ajustarse automáticamente al tamaño de la pantalla, brindando una mejor experiencia al usuario.
