# HTML 5 e CSS 3
## Estrutura Básica
1. Pasta com nome do site
2. Pastas internas: CSS / IMG / JS
3. [Link] {página principal}
4. [Link] {páginas secundárias}
<!DOCTYPE html>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8”>
<title> TÍTULO DA PÁGINA </title>
<style>
body {
background-color: white;
color: black;
font-size: 10px;
font-family: courier; }
</style>
</head>
<body>
CORPO DA PÁGINA.
</body>
</html>
## Head
### Style
<style>
body {background-color: red;}
h1 { color: blue; } - cor
h1 { font-size: 40px; } - tamanho da fonte
h1 { font-family: courier; } - tipo de letra
a:link { color: red; } - cor do link normal
a:visited { color: red; }
a:hover { color: red; }
a:active { color: red; }
</style>
## BUDY
### Titulo
<h1>título</h1>
<h2>subtítulo</h2>
<h3>sub subtítulo</h3>
<h4>subtítulo menor</h4>
<h5>subtítulo menor</h5>
<h6>subtítulo final</h6>
### Texto
<P> parágrafo do texto. </P>
<b> Define texto em negrito </b>
<big> Define texto grande </big>
<em> Define texto enfatizado </em>
<i> Define texto em itálico </i>
<u> Define sublinhado </u>
### Imagens
<img src="img/[Link]">
<img src="img/[Link]" height="19" width="20">
### Vídeos
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
</video>
### Link
<a href=”caminho/[Link]”>
<a href=”caminho/[Link]”>
a:link - um link normal e não visitado
a:visited - um link que o usuário visitou
a:hover - um link quando o usuário passa o mouse sobre ele
a:active - um link no momento em que é clicado
## Cores
Nome da Cor: hexadecimal (RGB)
Preto #000000 (0,0,0)
cinza11 #1C1C1C (28,28,28)
cinza21 #363636 (54,54,54)
cinza31 #4F4F4F (79,79,79)
Cinza Escuro #696969 (105,105,105)
Cinza #808080 (128,128,128)
Cinza Escuro #A9A9A9 (169,169,169)
Prata #C0C0C0 (192,192,192)
Cinza Claro #D3D3D3 (211,211,211)
Gainsboro #DCDCDC (220,220,220)
Ardósia Azul #6A5ACD (106,90,205)
Ardósia Azul1 #836FFF (131.111.255)
Ardósia Azul 3 #6959CD (105,89,205)
Azul-ardósia escuro #483D8B (72,61,139)
Azul meia-noite #191970 (25,25,112)
Marinha #000080 (0,0,128)
Azul escuro #00008B (0,0,139)
Azul Médio #0000CD (0,0,205)
Azul #0000FF (0,0,255)
Centáurea Azul #6495ED (100.149.237)
Azul Real #4169E1 (65.105.225)
DodgerBlue #1E90FF (30.144.255)
Azul-céu Profundo #00BFFF (0,191,255)
Azul-céu Claro #87CEFA (135.206.250)
Céu Azul #87CEEB (135.206.235)
Azul claro #ADD8E6 (173.216.230)
Azul-Aço #4682B4 (70,130,180)
Azul-Aço Claro #B0C4DE (176.196.222)
Cinza Ardósia #708090 (112,128,144)
Cinza-ardósia claro #778899 (119,136,153)
Água / Ciano #00FFFF (0,255,255)
Turquesa Escuro #00CED1 (0,206,209)
Turquesa #40E0D0 (64.224.208)
Turquesa Médio #48D1CC (72.209.204)
LuzVerdeMar #20B2AA (32.178.170)
Ciano Escuro #008B8B (0,139,139)
Cerceta #008080 (0,128,128)
Água-marinha #7FFFD4 (127.255.212)
Água-marinha média #66CDAA (102.205.170)
CadetBlue #5F9EA0 (95.158.160)
Cinza-ardósia escuro #2F4F4F (47,79,79)
MédioPrimaveraVerde #00FA9A (0,250,154)
Primavera Verde #00FF7F (0,255,127)
Verde-claro #98FB98 (152,251,152)
Verde Claro #90EE90 (144.238.144)
Verde-marinho-escuro #8FBC8F (143,188,143)
MédioVerdeMarinho #3CB371 (60.179.113)
Verde-mar #2E8B57 (46,139,87)
Verde escuro #006400 (0,100,0)
Verde #008000 (0,128,0)
Floresta Verde #228B22 (34,139,34)
Verde-limão #32CD32 (50,205,50)
Lima #00FF00 (0,255,0)
Gramado Verde #7CFC00 (124.252.0)
Chartreuse #7FFF00 (127.255.0)
Verde Amarelo #ADFF2F (173,255,47)
Amarelo Verde #9ACD32 (154,205,50)
OliveDrab 6B8E23 (107,142,35)
Verde-oliva escuro #556B2F (85,107,47)
Azeitona #808000 (128,128,0)
Cáqui escuro #BDB76B (189,83,107)
Vara-de-ouro #DAA520 (218,165,32)
Vara-de-ouro-escura #B8860B (184,134,11)
SaddleBrown #8B4513 (139,69,19)
Siena #A0522D (160,82,45)
RosyBrown #BC8F8F (188,143,143)
Peru #CD853F (205,133,63)
Chocolate #D2691E (210,105,30)
SandyBrown #F4A460 (244,164,96)
NavajoBranco #COMA (255.222.173)
Trigo #F5DEB3 (245.222.179)
BurlyWood #DEB887 (222.184.135)
Bronzeado #D2B48C (210,180,140)
Azul-ardósia médio #7B68EE (123.104.238)
Roxo Médio #9370DB (147.112.219)
Azul-violeta #8A2BE2 (138,43,226)
Índigo #4B0082 (75,0,130)
Violeta Escuro #9400D3 (148,0,211)
Orquídea Escura #9932CC (153,50,204)
MediumOrchid #BA55D3 (186,85,211)
Roxo #A020F0 (128,0,128)
Magenta escuro #8B008B (139,0,139)
Fúcsia / Magenta #FF00FF (255,0,255)
Violeta #EE82EE (238,130,238)
Orquídea #DA70D6 (218,112,214)
Ameixa #PAI0DD (221,160,221)
Vermelho-violeta médio #C71585 (199,21,133)
Rosa Profundo #FF1493 (255,20,147)
Rosa quente #FF69B4 (255,105,180)
Vermelho Violeta Pálido #DB7093 (219,112,147)
Rosa Claro #FFB6C1 (255.182.193)
Rosa #FFC0CB (255.192.203)
LightCoral #F08080 (240,128,128)
Indiano Vermelho #CD5C5C (205,92,92)
Carmesim #DC143C (220,20,60)
Marrom #800000 (128,0,0)
Vermelho Escuro #8B0000 (139,0,0)
Tijolo refratário #B22222 (178,34,34)
Marrom #A52A2A (165,42,42)
Salmão #FA8072 (250,128,114)
Salmão Escuro #E9967A (233,150,122)
LightSalmon #FFA07A (255,160,122)
Coral #FF7F50 (255,127,80)
Tomate #FF6347 (255,99,71)
Vermelho #FF0000 (255,0,0)
LaranjaVermelho #FF4500 (255,69,0)
Laranja Escuro #FF8C00 (255.140.0)
Laranja #FFA500 (255,165,0)
Ouro #FFD700 (255,215,0)
Amarelo #FFFF00 (255,255,0)
Cáqui #F0E68C (240,230,140)
AliceAzul #F0F8FF (240,248,255)
Fantasma Branco #F8F8FF (248,248,255)
Neve #FFFAFA (255,250,250)
Concha do mar #FFF5EE (255.245.238)
FloralBranco #FFFAF0 (255,250,240)
Fumaça Branca #F5F5F5 (245,245,245)
Bege #F5F5DC (245,245,220)
Renda antiga #FDF5E6 (253.245.230)
Marfim #FFFFF0 (255,255,240)
Linho #FAF0E6 (250,240,230)
Seda de milho #FFF8DC (255.248.220)
Branco Antigo #FAEBD7 (250,235,215)
Amêndoa escaldada #FFEBCD (255,235,205)
Biscoito #FFE4C4 (255.228.196)
Amarelo Claro #FFFFE0 (255,255,224)
LemonChiffon #FFFACD (255,250,205)
Amarelo-dourado-claro #FAFAD2 (250,250,210)
PapayaWhip #FFEFD5 (255.239.213)
Pêssego Puff #FFDAB9 (255.218.185)
Mocassim #FFE4B5 (255.228.181)
Vara-de-ouro-pálida #EEE8AA (238.232.170)
MistyRose #FFE4E1 (255,228,225)
Blush de lavanda #FFF0F5 (255,240,245)
Lavanda #E6E6FA (230,230,250)
Cardo #D8BFD8 (216,191,216)
Azul #F0FFFF (240,255,255)
Ciano Claro #E0FFFF (224,255,255)
Azul Pó #B0E0E6 (176.224.230)
Turquesa Pálido #E0FFFF (175.238.238)
Melada #F0FFF0 (240,255,240)
Creme de Menta #F5FFFA (245,255,250)
## Fontes
- Arial, Helvetica, sans-serif (sans-serif são fontes sem serifa, como Arial).
- Times New Roman, Times, serif (serif são fontes com serifa, como Times New
Roman).
- Courier New, Courier, monospace (fonte de código, como Courier).
- Cedarville cursive (escrita cursiva).