# Introducción a HTML
**HTML** (HyperText Markup Language) es un lenguaje que nos permite definir la estructura de las páginas Web.
**HTML** se compone de **elementos** como párrafos, encabezados, imágenes y vínculos (links), entre muchos otros.
Los **elementos** se definen utilizando **etiquetas**. Una **etiqueta** es una palabra encerrada entre `<` y `>` (p.e. `
` muestra una línea horizontal en el documento).
La mayoría de **etiquetas** necesitan una **etiqueta de cierre** que es muy similar a una **etiqueta** pero tiene un slash (`/`) antes de la palabra. Por ejemplo, para mostrar un párrafo se utilizan la **etiqueta** `` y la **etiqueta de cierre** `
`. En el medio de las dos etiquetas va el contenido del párrafo:
```markup
Esto es un párrafo
```
## Documentos de HTML
Un documento HTML es un archivo con extensión `.html` que contiene código HTML. Veamos un ejemplo de un documento HTML.
```markup
El título de la página
Este es un párrafo
```
Un documento HTML inicia con la declaración `` que le indica al navegador que estamos usando la última versión de HTML, HTML5.
El elemento raíz del documento es `html` que define los límites del documento (todo lo que esté entre la etiqueta `` y `` es el documento).
Dentro de las etiquetas `` y `` se encuentra toda la información que no es visible del documento. Por ejemplo, el elemento `title` se utiliza para mostrar el título en la pestaña del navegador.
Dentro de las etiquetas `` y `` va toda la información visible en el área blanca del navegador.
## Elementos
Un elemento HTML consiste generalmente de una **etiqueta de inicio** (p.e. ``) y una **etiqueta de cierre** (p.e. `
`).
Las **etiquetas** se pueden anidar. Por ejemplo, para resaltar un texto en **negrilla** dentro de un párrafo se utiliza el **elemento** `strong`:
```markup
Esto es un párrafo con un texto en negrilla
```
### Párrafos
Los párrafos se definen con la etiqueta ``:
```markup
Esto es un párrafo
Esto es otro párrafo
```
### Títulos (encabezados)
Los títulos se definen con las etiquetas `` a `` siendo `` el título de más importancia y `` el de menos importancia:
```markup
Este es un título 1
Este es un título 2
Este es un título 3
```
### Vínculos (links)
Los vínculos se definen con la etiqueta ``:
```markup
Make it Real
```
El destino del vínculo se define en el **atributo** `href`. Los atributos se utilizan para proveer información adicional a la etiqueta.
### Imágenes
Las imágenes se definen con la etiqueta `![]()
`:
```markup
```
La etiqueta `![]()
` **no** necesita una etiqueta de cierre. El atributo `src` contiene la ruta al archivo con la imagen y el atributo `alt` contiene el texto que describe la imagen (útil para los buscadores y personas que utilizan lectores de pantallas).
### Comentarios
Puedes agregar comentarios al código HTML utilizando la siguiente sintaxis:
```markup
```
Los comentarios no son visibles en el documento HTML.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://makeitrealcamp.gitbook.io/guias-de-make-it-real/html-y-css/introduccion-a-html.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.