index.html

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- estilo CCS interno es dentro de la etiqueta <head> -->
    <style>
        body {
            background-color: rgb(211, 179, 136);
        }
    </style>

    <!-- REGLAS DE ESTILO CSS:
        selector {
            propiedad: valor;
        }

    -->
    <!-- estilo CSS EXTERNO -->
    <link rel="stylesheet" href="css/estilos.css"

</head>
<body>

    <!-- el estilo CSS en linea es dentro de la etiqueta -->
        <header style="color: rgb(94, 19, 164); background-color: rgb(213, 191, 234);">
        <p>Bienvenido</p>
        <h1>Mi sitio web</h1>
    </header>

    <nav style="background-color: rgb(181, 140, 78);">
        <ul>
            <li><a href="Enlace1">Item de navegación 1</a></li>
            <li><a href="Enlace2">Item de navegación 2</a></li>
            <li><a href="Enlace3">Item de navegación 3</a></li>
        </ul>
    </nav>

    <main role="main">
        <section>Lo ultimo</section>
        <section>Bio
            <article>cantante</article>
            <article>bajista</article>
        </section>

    <!--  comentario de una sola linea  -->
    <!--
        esto es un
        comentario
        de
        muchas líneas
    -->
    <!--Enunciados-->
    <h1>Enunciado en h1</h1><h1>Otro enunciado h1</h1>
    <h2>Enunciado en h2</h2>
    <h3>Enunciado en h3</h3>
    <h4>Enunciado en h4</h4>
    <h5>Enunciado en h5</h5>
    <h6>Enunciado en h6</h6>
    <!-- parráfos -->
    <p>
        Lorem ipsum dolor sit amet consectetur, adipisicing elit.
        Eveniet nam odio facere magni, non tempora quos quasi
        placeat minus maiores dolor, deserunt illo laboriosam natus?
        Id dignissimos accusamus expedita impedit.
    </p><p>Otro párrafo</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing
        elit. Non, maiores, omnis optio est temporibus
        repellendus dolor magni nulla aliquid quis ut blanditiis
        fuga porro aliquam rerum odit adipisci sapiente architecto.
    </p>
    <p>oid mortales<br>el <strong style="color: crimson;">grito <em style="color: darkslateblue;">sagrado</em></strong><br>libertad, libertad, libertad</p>

    <!-- Listas -->
    <ul>
        <li style="color: coral;">Carne</li>
        <li style="color: blue;">Pollo</li>
        <li style="color:rgba(21, 135, 152, 0.632)">Verduras</li>
    </ul>

    <ol>
        <li style="color: red;">Carne</li>
        <li style="color: rgb(255,0,0);">Pollo</li>
        <li style="color: #FF0000;">Verduras</li>
        <li style="color: #F00;">Frutas</li>
    </ol>
    </main>
    <footer style="color: beige; background-color: rgb(37, 54, 71);">TE: 11-122541</footer>
</body>
</html>