```html Aprende HTML

🧑‍💻 Aprende HTML

Un curso interactivo desde cero

đź“š Progreso: 0 ejercicios completados

đź‘‹ Bienvenido

HTML significa HyperText Markup Language. Es el lenguaje utilizado para crear la estructura de las páginas web.

HTML utiliza etiquetas para decirle al navegador qué representa cada elemento.

Tu primera etiqueta

<h1>Hola mundo</h1>

Hola mundo

La etiqueta <h1> crea un tĂ­tulo grande.

🎯 Ejercicio 1

Escribe un título que diga: Mi primera página web

🏗️ Estructura de HTML

Una página HTML normalmente tiene una estructura parecida a esta: 

<!DOCTYPE html>

<html>

<head>
    <title>Mi página</title>
</head>

<body>

    <h1>Hola</h1>

</body>

</html>

¿Qué hace cada parte?

🎯 Ejercicio 2

Crea una estructura HTML que contenga un <h1> dentro del <body>.

✍️ Texto

HTML tiene varias etiquetas para trabajar con texto.

<h1>TĂ­tulo</h1>

<h2>SubtĂ­tulo</h2>

<p>Este es un párrafo.</p>

<strong>Texto importante</strong>

<em>Texto enfatizado</em>

Mi gato

Mi gato se llama Pixel.

Pixel es importante.

🎯 Ejercicio 3

Crea un párrafo que diga: Estoy aprendiendo HTML

đź”— Enlaces

Para crear un enlace utilizamos <a>. 

<a href="https://example.com">
    Visitar página
</a>
Visitar Example

🎯 Ejercicio 4

Crea un enlace que diga Google.

🖼️ Imágenes

Las imágenes se colocan utilizando <img>. 

<img src="imagen.jpg" alt="DescripciĂłn">

src indica dónde está la imagen.

alt proporciona una descripciĂłn alternativa.

🎯 Ejercicio 5

Escribe una etiqueta <img> que tenga los atributos src y alt.

đź“‹ Listas

Lista sin ordenar

<ul>
    <li>Manzana</li>
    <li>Banana</li>
    <li>Naranja</li>
</ul>
  • Manzana
  • Banana
  • Naranja

Lista ordenada

<ol>
    <li>Primero</li>
    <li>Segundo</li>
</ol>

đź“ť Formularios

Los formularios permiten recibir informaciĂłn del usuario. 

<form>

    <label>Nombre:</label>

    <input type="text">

    <button>Enviar</button>

</form>


🏆 Reto final

Ahora intenta crear una página sobre ti.

Tu página debe tener:

```