devfzn/Oracle_One-Alura_Latam
devfzn/Oracle_One-Alura_Latam
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

HTML y CSS parte 1: mi primera página - 06

Browse Source 
tags header, y uso de css class - termino del curso
This commit is contained in:
devfzn 2023-04-09 14:22:56 -04:00
parent 248555a8b5
commit 59cc7e5d97
Signed by: devfzn
GPG Key ID: E070ECF4A754FDB1
3 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
004_primeras_paginas/README.md
View File

@ -10,7 +10,7 @@ Diferencias entre [html y css](https://www.aluracursos.com/blog/html-css-javascr
> en NeoVim `set ff=unix` > en NeoVim `set ff=unix`
Página [barbería](./index.html). Página [barbería](./index.html) - estilo.[css](./style.css).
Formas de aplicar estilo CSS: Formas de aplicar estilo CSS:
@ -74,3 +74,4 @@ La representación de los colores en 6 posiciones
- Copywriter (Generador de Contenido) - Copywriter (Generador de Contenido)
- SEO (Search Engine Optimization) - SEO (Search Engine Optimization)
Final curso HTML5 y CSS parte 1 - Página [barbería](./index.html) - estilo.[css](./style.css).

3
004_primeras_paginas/index.html
View File

@ -7,6 +7,9 @@
<link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="./style.css">
</head> </head>
<body> <body>
<div class="header">
<header><h1 id="header">Barbería Alura</h1></header>
</div>
<img id="banner" <img id="banner"
src="./banner/banner.jpg" src="./banner/banner.jpg"
alt="barbería con dos sillas, fondo con dos espejos y muchos cuadros"/> alt="barbería con dos sillas, fondo con dos espejos y muchos cuadros"/>

12
004_primeras_paginas/style.css
View File

@ -6,6 +6,18 @@ body{
width: 100%; width: 100%;
} }
.header {
padding-top: 2px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 2px;
}
#header {
font-size: 64px;
font-family: monospace;
}
p{ p{
color: #FFFCC6; color: #FFFCC6;
text-align: center; text-align: center;