css

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mi primera webpage</title>
    <!-- CSS INTERNO
    <style>
        selector {
            propiedad:valor;
        }
    </style>

    CC inline
    <elemento style="propiedad:valor;"
    -->

    <style>
        body {
            background-color: darkkhaki;
        }

        h1 {
            background-color: rgb(55, 53, 54);
            color: aliceblue;
        }

        p {
            color: rgb(109, 12, 88);
        }

    </style>
</head>
<body>
    <!--comentario de una línea-->
    <!--
        esto es
        un comentario
        de varias
        líneas
    -->
    <header>
        <p>Bienvenidos</p>
        <h1>Mi sitio web personal</h1>
    </header>
    <nav>
        <ul>
            <li>Quienes somos</li>
            <li>Shop</li>
            <li>Contacto</li>
        </ul>
    </nav>
    <section>
        <h1 style="color:white;background-color: rgb(88, 23, 23);">Soy un encabezado h1</h1>
        <h2>Soy un encabezado h2</h2>
        <h3>Soy un encabezado h3</h3>
        <h4>Soy un encabezado h4</h4>
        <h5>Soy un encabezado h5</h5>
        <h6>Soy un encabezado h6</h6>
    </section>
    <main role="main">
        <p><strong>Soy </strong><em>simplemente</em> un parrafo</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. <br>Aut debitis similique, consequuntur labore nihil laborum rem provident laboriosam dolorem sequi. Consectetur placeat odit culpa accusamus doloremque suscipit quos aut laboriosam?</p>
        <h2>Lista desordenada</h2>

        <h2>Lista ordenada</h2>
        <ol type="a">
            <li>Manzanas</li>
            <li>Peras</li>
            <li>Bananas</li>
        </ol>
    </main>
    <footer>Publicado bajo una licencia libre GPLv3</footer>
</body>
</html>