Practica 1

Antes de iniciar esta practica necesito que sepas esto: Tal vez sea logico para muchos pero para otros no pero puedes agregar elementos html adentro de otros elementos html, por ejemplo: Si tengo un titulo <h1>Mi titulo</h1> podria hacer que ese titulo al presionarlo me lleve a otra pagina, como haria esto? Lo hariamos de la siguiente forma: <h1><a href="#">Mi titulo</a></h1> Aqui estariamos usando la etiqueta de titulo para crear el titulo y la etiqueta de enlace para hacerlo en enlace, aqui esta en codigo:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1><a href="#">Esto es un titulo con un enlace</a></h1>
</body>
</html>

Bien sabiendo esto vamos a crear la primera practica de html.

NO SE VALE BUSCAR RESPUESTAS EN: Inteligencia Artificial, o alguna herramienta que te diga directamente como hacerlo, la idea es que aprendas por ti mismo a crear las cosas y aprendas a tener esa logica de crear todo por ti mismo.

Vas a crear una pagina que en la pestana del navegador tenga como nombre: Practica 1
Vas a crear un titulo que diga "Mi espacio de organizacion" como titulo principal.
Vas a crear un titulo secundario que diga: "Organizar mi dia"
Y luego vas a crearme una lista ordenada de lo que tienes que hacer en tu dia a dia paso por paso, por ejemplo: Me despierto, ordeno la cama, cocino el desayuno, etc.
Luego quiero que crees otro titulo secundario que diga: "Regalos de navidad"
Luego quiero que me crees una lista desordenada con las cosas que te gustaria comprar para navidad, puede ser cualquier cosa, por ejemplo: Computadora, Celular, Tablet, Nintendo Switch, etc.
Y para terminar quiero que al hacer clic en algo de la lista de Regalos de navidad me lleve a la tienda donde venden eso. Si es una computadora entonces que me lleve a una pagina donde vendan computadoras y asi con cada cosa de la lista de regalos para navidad.

Abajo te dejare el codigo para que cuando termines de crear tu pagina lo compares con el codigo que te dejare y revises si todo esta bien, TRATA DE NO COPIAR EL CODIGO PORQUE ASI NO APRENDERAS NADA.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Practica 1</title>
</head>
<body>
    <h1>Mi espacio de organizacion</h1>

    <h2>Organizar mi dia</h2>

    <ol>
        <li>Me despierto</li>
        <li>Busco desayuno</li>
        <li>Me lavo los dientes</li>
        <li>Ordeno el cuarto</li>
        <li>Me baño</li>
        <li>Me pongo a Programar</li>
    </ol>

    <h2>Regalos de navidad</h2>
    <ul>
        <li><a href="https://www.amazon.com/-/es/Nintendo-SwitchTM-Neon-Blue-Joy%E2%80%91ConTM-Switch/dp/B0BFJWCYTL">Nintendo Switch</a></li>
        <li><a href="https://www.amazon.com/-/es/Apple-Laptop-MacBook-2024-n%C3%BAcleos/dp/B0DLHY2BJ6">Macbook</a></li>
        <li><a href="https://www.amazon.com/-/es/PlayStation-4-Slim-1TB-Console/dp/B071CV8CG2">Play Station</a></li>
    </ul>
</body>
</html>

Haz completado la practica? Bien felicidades, vamos avanzando poco a poco con html