4.4. Introducción a HTML: estructura básica, etiquetas y atributos
HTML, que significa lenguaje de marcado de hipertexto, es el lenguaje de marcado estándar para crear páginas web. Se utiliza para describir la estructura y el contenido de un documento web y se compone de una serie de elementos o 'etiquetas' que el navegador interpreta para mostrar la página web tal como la pretendía el desarrollador.
Estructura básica de un documento HTML
Un documento HTML básico comienza con el tipo de documento , que le indica al navegador qué versión de HTML está utilizando el documento. El documento HTML real comienza y termina con la etiqueta <html> y </html>.
Dentro de estas etiquetas, tenemos dos partes principales: la 'cabeza' (<head> y </head>) y el 'cuerpo' (<body> y </body>). A 'head' contém informações sobre o documento que não são exibidas na janela do navegador, como o título da página (que é exibido na barra de título do navegador ou na guia da página) e links para arquivos CSS e JavaScript que podem ser usados en la página. El 'cuerpo' contiene el contenido real de la página que se muestra en el navegador.
Etiquetas en HTML
Las etiquetas se utilizan para marcar elementos en un documento HTML. Por lo general, se componen de un nombre de elemento rodeado de corchetes angulares. La mayoría de los elementos HTML tienen una etiqueta de apertura y una etiqueta de cierre, con el contenido del elemento contenido entre las dos.
Por ejemplo, un párrafo en HTML está marcado con la etiqueta <p> (la etiqueta de apertura) y la etiqueta </p> (la etiqueta de cierre). Todo lo que esté entre estas dos etiquetas es tratado como un párrafo por el navegador y se muestra en consecuencia.
Hay muchas etiquetas diferentes disponibles en HTML, cada una con un propósito específico. Algunas de las etiquetas más comunes incluyen <h1> a <h6> para encabezados, <p> para párrafos, <a> para enlaces, <img> para imágenes y <div> y <span> para divisiones de contenido genérico.
Atributos en HTML
Los atributos proporcionan información adicional sobre un elemento HTML. Siempre se especifican en la etiqueta de apertura y normalmente vienen en pares de nombre/valor. Por ejemplo, la etiqueta de enlace <a> normalmente incluye el atributo 'href', que especifica la URL a la que debe apuntar el enlace.
Otros atributos comunes incluyen 'src' (que especifica la fuente de un elemento, como una imagen o video), 'alt' (que proporciona texto alternativo para un elemento, que se mostrará si el elemento no se puede representar) y 'estilo' (que se puede utilizar para agregar CSS directamente a un elemento).
Los atributos son una parte importante de HTML porque le permiten personalizar el comportamiento y la apariencia de un elemento para adaptarlo a sus necesidades. Sin embargo, deben usarse con moderación, ya que el uso excesivo de atributos puede dificultar la lectura y el mantenimiento del código HTML.
En resumen, HTML es un lenguaje de marcado potente y flexible que le permite crear una amplia variedad de páginas web. Al comprender la estructura básica de un documento HTML, así como el uso de etiquetas y atributos, puede comenzar a crear sus propias páginas web y convertirse en un desarrollador front-end eficaz.
