4.6. Introducción a HTML: Estructura básica, etiquetas y atributos: Etiquetas de párrafo
HTML, que significa Hyper Text Markup Language, es el lenguaje estándar para crear páginas web y aplicaciones. Junto con CSS y JavaScript, HTML es una tecnología fundamental utilizada por la mayoría de los sitios web para crear páginas web visualmente atractivas, interfaces de usuario para aplicaciones web e interfaces de usuario para muchas aplicaciones móviles.
La estructura básica de un documento HTML comienza con la declaración del tipo de documento . Esta declaración se utiliza para indicarle al navegador que la página es un documento HTML5. A continuación, tenemos la etiqueta html que indica el inicio del documento HTML. Dentro de esta etiqueta tenemos dos apartados principales, la cabeza y el cuerpo.
La sección de encabezado contiene información sobre el documento, como el título que se muestra en la barra de título del navegador y enlaces a los archivos CSS que dan estilo al documento. La sección del cuerpo contiene el contenido real de la página web, como texto, imágenes, videos, enlaces, tablas, listas y más.
Dentro de HTML, utilizamos etiquetas para crear elementos. Las etiquetas se utilizan para marcar el principio y el final de un elemento, como un párrafo, una imagen o un enlace. Por ejemplo, la etiqueta de párrafo es
. Para crear un párrafo, colocamos el texto del párrafo entre la etiqueta
de apertura y la etiqueta
de cierre.La etiqueta de párrafo es una de las muchas etiquetas HTML que utilizamos para estructurar el contenido de una página web. Otras etiquetas comunes incluyen la etiqueta de encabezado (h1 a h6), la etiqueta de imagen (img), la etiqueta de enlace (a), la etiqueta de lista (ul, ol, li), la etiqueta de tabla (table, tr, td) y muchas más.
Además de marcar el principio y el final de un elemento, las etiquetas HTML también pueden contener atributos. Los atributos proporcionan información adicional sobre el elemento. Por ejemplo, la etiqueta de imagen (img) suele contener atributos src y alt. El atributo src especifica la URL de la imagen y el atributo alt proporciona texto alternativo para la imagen.
En resumen, la estructura básica de un documento HTML consta de una declaración de tipo de documento, seguida de la etiqueta html que contiene las secciones de encabezado y cuerpo. Dentro de estas secciones, utilizamos etiquetas para crear elementos y atributos para proporcionar información adicional sobre esos elementos.
Aprender la estructura básica de HTML y comprender cómo usar etiquetas y atributos es el primer paso para convertirse en desarrollador front-end. Con esta base sólida, puede pasar a temas más avanzados como CSS y JavaScript y comenzar a crear páginas web y aplicaciones web interactivas y visualmente atractivas.