HTML, que significa lenguaje de marcado de hipertexto, es el lenguaje de marcado estándar para crear páginas web y aplicaciones. Es una de las principales herramientas que cualquier desarrollador front-end debe dominar. Este módulo de nuestro curso de libro electrónico presentará la estructura básica de HTML, sus etiquetas y atributos.
Estructura básica de HTML
Un documento HTML se compone de una serie de elementos, cada uno representado por una etiqueta. La estructura básica de un documento HTML se ve así:
<!DOCTYPE html> <html> <cabeza> <title>Título de la página</title> </cabeza> <cuerpo> El contenido de la página va aquí. </cuerpo> </html>
El archivo <!DOCTYPE html> Al principio del documento hay una declaración que le dice al navegador que se trata de un documento HTML5. El <html> involucra todo el contenido de la página. Dentro de esta etiqueta, tenemos otras dos etiquetas importantes: <head> y <cuerpo>.
La <cabeza> contiene información sobre la página que no es visible para el usuario, como el título de la página (que aparece en la barra de título del navegador) y enlaces a archivos CSS y JavaScript externos. El <cuerpo> contiene todo el contenido que ve el usuario, como texto, imágenes, enlaces, etc.
Etiquetas HTML
Las etiquetas HTML son la base de cualquier página web. Definen la estructura y el diseño de la página y pueden usarse para agregar texto, imágenes, enlaces y otros elementos. Estas son algunas de las etiquetas más comunes:
- <h1> a <h6>: Estas etiquetas se utilizan para agregar títulos y subtítulos. <h1> es el título más importante (y normalmente el de mayor tamaño), mientras que <h6> es el menos importante.
- <p>: esta etiqueta se utiliza para agregar párrafos de texto.
- <a>: esta etiqueta se utiliza para agregar enlaces.
- <img>: esta etiqueta se utiliza para agregar imágenes.
- <div>: esta etiqueta se utiliza para agrupar otros elementos.
Atributos HTML
Los atributos HTML se utilizan para proporcionar información adicional sobre un elemento. Siempre se especifican al principio de la etiqueta y tienen la siguiente estructura: nombre_atributo="valor_atributo". Éstos son algunos de los atributos más comunes:
- clase: este atributo se utiliza para especificar una o más clases para un elemento. Las clases se utilizan para seleccionar elementos con CSS y JavaScript.
- id: este atributo se utiliza para especificar un identificador único para un elemento. La identificación debe ser única dentro del documento.
- src: este atributo se utiliza para especificar la fuente de un elemento multimedia, como una imagen o un vídeo.
- href: este atributo se utiliza para especificar la URL de un enlace.
- alt: este atributo se utiliza para especificar texto alternativo para una imagen, que se mostrará si la imagen no se puede cargar.
En resumen, HTML es la columna vertebral de cualquier página web. Dominar la estructura básica de HTML, sus etiquetas y atributos es esencial para cualquier desarrollador front-end. En el siguiente módulo de nuestro curso de libro electrónico, exploraremos CSS, el lenguaje utilizado para diseñar páginas HTML y crear diseños atractivos y responsivos.
