Introducción a HTML

Introducción a HTML

• HTML es el Lenguaje de Marcado de Hipertexto utilizado para estructurar y mostrar contenido en páginas web.
• Este lenguaje define la organización de varios tipos de contenido, incluyendo párrafos, listas, imágenes y tablas.

Estructura y Función de HTML

• No es un lenguaje de programación, sino un lenguaje de marcado que usa elementos para organizar el contenido.
• Los elementos permiten modificar cómo se muestra o comporta el contenido, como convertir texto en hipervínculos o aplicar estilos.

Atributos en HTML

• Los atributos proporcionan información adicional sobre un elemento y se incluyen en la etiqueta de apertura.
• Ejemplo: class="editor-note" identifica un elemento para aplicar estilos.
• Se recomienda encerrar los valores de los atributos entre comillas por claridad y consistencia.

Anidamiento de Elementos

• Los elementos HTML pueden estar anidados dentro de otros elementos para organizar mejor el contenido.
• Es crucial asegurar que los elementos se abran y cierren ordenadamente para evitar errores de visualización en el navegador.

Elementos Vacíos

• Algunos elementos no contienen contenido y se conocen como elementos vacíos, como el elemento <img>.
• Este elemento puede tener atributos como src para la ubicación de una imagen y alt para la descripción de la imagen.

Uso del Atributo alt

• El atributo alt describe la imagen y es especialmente importante para la accesibilidad.
• Debe proporcionar información clara sobre lo que representa la imagen para los usuarios que no pueden visualizarla.

Encabezados en HTML

• HTML tiene seis niveles de encabezados, que clarifican la jerarquía del contenido, similar a títulos de libros y capítulos.
• Se deben usar encabezados para estructurar el contenido, no simplemente para cambiar el tamaño del texto.
• Es importante mantener una secuencia lógica de encabezados y no omitir niveles, lo que mejora la accesibilidad y el SEO (optimización para motores de búsqueda).

Elementos de Párrafo

• Los elementos <p> son utilizados para encerrar párrafos de texto y son fundamentales para la mayoría de los documentos HTML.