Codigo 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;
}
h1{
text-align: center;
}
p#mision{
font-size: 20px;
}
em strong{
color: red;
}
img#banner{
width: 100%;
}Codigo 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-->
<!--Agregando imagenes-->
<img id="banner" src="./templates/images/barber.png" alt="">
<h1>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 id="mision">
<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>
