STYLE DO HTML5
Atributo style é usado para colocar cor no fundo, color do
texto, fonte, várias outras.
- Use o style atributo
para estilizar elementos HTML
- Use background-color para cor de fundo
- Use color para cores de texto
- Use font-family para fontes de texto
- Use font-size para tamanhos de texto
- Use text-align para alinhamento de texto
COR DO FUNDO
<!DOCTYPE
html>
<html>
<body
style="background-color:blue;">
<h1>TÍTULO
DO DOCUMENTO</h1>
<p>PARÁGRAFOS</p>
</body>
</html>
<!DOCTYPE
html>
<html>
<body
style="background-color:blue;">
<h1
style=”backgroun-color:tomate;”>TÍTULO DO DOCUMENTO</h1>
<p
style=”backgroun-color:tomate;”>PARÁGRAFOS</p>
</body>
</html>
Cor do texto
<!DOCTYPE
html>
<html>
<body>
<h1
style="color:blue;">cor do título</h1>
<p
style="color:red;">cor texto dos parágrafos. </p>
</body>
</html>
Fontes do html
<!DOCTYPE
html>
<html>
<body>
<h1
style="font-family:verdana;">Fonte do texto do título</h1>
<p
style="font-family:courier;">Fonte do texto dos parágrafos. </p>
</body>
</html>
Tamanho do texto
<!DOCTYPE
html>
<html>
<body>
<h1
style="font-size:150%;">Tamanho do texto do título</h1>
<p
style="font-size:110%;">tamanho do texto dos parágrafos.
</p>
</body>
</html>
Alinhamento de texto
<!DOCTYPE
html>
<html>
<body>
<h1
style="text-align:center;">alinhando título ao centro</h1>
<p
style="text-align:center;">alinhando o parágrafo ao
centro</p>
<p
style="text-align:lert;">alinhando o parágrafo a
esquerda</p>
<p
style="text-align:right;">alinhando o parágrafo a
direita</p>
</body>
</html>