4.9. Introducción a HTML: estructura básica, etiquetas y atributos: Listas en HTML
Página 13
HTML, que significa lenguaje de marcado de hipertexto, es la columna vertebral de cualquier sitio web. Es el lenguaje de codificación que le permite crear y organizar contenido en la web, incluidos texto, imágenes, listas, tablas, enlaces y más. Aunque pueda parecer intimidante para los principiantes, la estructura básica de HTML es bastante simple y directa. En este capítulo, exploraremos la estructura básica de HTML, sus etiquetas y atributos, con especial atención en las listas en HTML.
Estructura básica de HTML
La estructura básica de una página HTML consta de etiquetas HTML, que se utilizan para definir y organizar el contenido. Una página HTML típica comienza con la etiqueta , que le indica al navegador que el documento es un archivo HTML5. Luego viene la etiqueta , que contiene todo el contenido de la página. Dentro de la etiqueta , tenemos la etiqueta
y la etiqueta .La etiqueta
contiene información sobre la página, como el título (que aparece en la pestaña del navegador), enlaces a CSS y JavaScript externos, y metadatos. La etiquetaLa etiqueta
contiene el contenido principal de la página, que es lo que los visitantes ven cuando visitan su sitio web. Puede incluir texto, imágenes, enlaces, listas, tablas y más.Etiquetas y Atributos
Las etiquetas HTML se utilizan para definir y organizar el contenido. Cada etiqueta está rodeada por corchetes angulares (< y >). La mayoría de las etiquetas vienen en pares, con una etiqueta de apertura y una etiqueta de cierre. La etiqueta de cierre es similar a la etiqueta de apertura, pero tiene una barra diagonal (/) antes del nombre de la etiqueta.
Por ejemplo, así es como puedes usar las etiquetas
(párrafo) y
(encabezado de nivel 1):
Mi primer encabezado
Este es un ejemplo de un párrafo.
Los atributos se utilizan para proporcionar información adicional sobre una etiqueta. Se incluyen en la etiqueta de apertura y constan de un nombre de atributo y un valor de atributo. Por ejemplo, la etiqueta (imagen) normalmente viene con los atributos src (que especifica la URL de la imagen) y alt (que proporciona texto alternativo para la imagen).
Listas en HTML
Las listas son una parte importante de HTML. Le permiten organizar el contenido de una manera fácil de leer. Hay tres tipos principales de listas en HTML: listas ordenadas, listas desordenadas y listas de definición.
Una lista ordenada es una lista numerada. Se crea usando la etiqueta
- , con cada elemento de la lista envuelto en una etiqueta
- . Por ejemplo:
- Artículo 1
- Artículo 2
- Artículo 3
Una lista desordenada es una lista con viñetas. Se crea usando la etiqueta
- , con cada elemento de la lista envuelto en una etiqueta
- . Por ejemplo:
- Artículo 1
- Artículo 2
- Artículo 3
Una lista de definiciones es una lista de términos y sus definiciones. Se crea utilizando la etiqueta
- , con cada término envuelto en una etiqueta
- y cada definición envuelto en una etiqueta
- . Por ejemplo:
- HTML
- Lenguaje de marcado de hipertexto
- CSS
- Hojas de estilo en cascada
Comprender la estructura básica de HTML, sus etiquetas y atributos, y cómo crear listas es una parte fundamental para aprender a convertirse en desarrollador front-end. En el próximo capítulo, exploraremos CSS y cómo se utiliza para diseñar páginas HTML.
Ahora responde el ejercicio sobre el contenido:
¿Qué significan las siglas HTML y cuál es su función?
¡Tienes razón! Felicitaciones, ahora pasa a la página siguiente.
¡Tú error! Inténtalo de nuevo.
Siguiente página del libro electrónico gratuito:
144.10. Introducción a HTML: estructura básica, etiquetas y atributos: Formularios HTML
¡Obtén tu certificado para este curso gratis! descargando la aplicación Cursa y leyendo el libro electrónico allí. ¡Disponible en Google Play o App Store!
