[Proyecto] Haz lo que hicimos en el aula | HTML5 y CSS3 parte 1: Mi primera página web | Alura Latam

HTML

<!DOCTYPE html>
<!--
    La etiqueta DOCTYPE sirve para informar al navegador cuál versión de HTML estamos usando.
-->
<html lang="es"> <!--Se define el lengaje en el que se esta publicado la pagina, facilita la traduccion de texto del pagina a otros-->
    <head><!--Esta etiqueta permite colocar informacion que se le pasa al navegador-->
        <meta charset="UTF-8"><!--Permite reconocer los caracteres especiales como: ñ,í -->
        <title>Barbería Alura</title>

        <!--En este caso enlazamos nuestro a htm con nuestro archivo css esto fuciona de la misma manera que la etiqueta style-->
        <link rel="stylesheet" href="./style.css">


        <!--En este style nostros centramos todas nuestras etiquetas p les damos la propiedad 
        en la que se alinea el texto 


        <style>



            p{
                text-align: center;
            }
        </style>
        -->

    </head>

    <body><!--Esta etiqueta permite colocar el contenido visible de la pagina-->


        <h1 style="text-align: center;">Sobre la Barbería Alura</h1> 
        <p >
        Ubicada en el corazón de la ciudad, la <strong>Barbería Alura</strong>  trae para el mercado lo que hay de mejor para su cabello y barba. Fundada en 2020, la Barbería Alura ya es destaque en la ciudad y conquista nuevos clientes diariamente. 
        </p>

        <p >
            <em>Nuestra misión es: <strong> "Proporcionar autoestima y calidad de vida a nuestros clientes".</strong></em> 
        </p>
        <p >
        Ofrecemos profesionales experimentados que están constantemente observando los cambios y movimiento en el mundo de la moda, para así ofrecer a nuestros clientes las últimas tendencias. El atendimiento posee un padrón de excelencia y agilidad, garantizando calidad y satisfacción de nuestros clientes. 
        </p>
    </body>

</html>

CSS:

/*
En CSS se debe tener muy presente que existen etiquetas padres e hijas, por ejemplo el body es una etiqueta padre 
que contiene varias etiquetas diferentes y estas etiquetas se denominan hijas 
*/

/*
Los colores hexadecimales es una manera de optimizar recursos 
por ejemplo:

background-color: #c083836b; code hexadecimal
color: rgb(255,255,255); code rgb rango 0-255
color: white; Usando el nombre del color

*/
body{
    background-color: #c083836b;
}

p{
    text-align: center;

}

em strong{
    color: white;
}