A tag b faz com que o texto fique em negrito.
Ex:
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p><b>Processo</b> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>
</html>
Executando:
A tag i é utilizada para que o texto fique com formatação em itálico.
Ex:
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p><i>Processo</i> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>
</html>
Executando:
A tag em é utilizada para que o texto fique com formatação em ênfase.
Ex:
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p><em>Processo</em> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>
</html>
Executando:
A tag del é utilizada para dizer que o texto foi deletado.
Ex:
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p><del>Processo</del> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>
</html>
Executando:
Existem duas formas de
configurar o estilo:
1. Adicionando a tag style dentro
do elemento que deseja configurar o estilo, com o objetivo de configurar um
único elemento.
Obs.: Para configurar o
estilo basta colocar os atributos dentro do “(atributo 1; atributo 2;...)”.
Antes de utilizarmos o style precisamos saber alguns atributos:
O atributo text-align alinha o texto de acordo com
o seu valor:
- center(centro)
Ex:
<h1 style= "text-align: center;">Aprendendo e Evoluindo</h1>
Executando:
- left(esquerda)
Ex:
<h1 style= "text-align: left;">Aprendendo e Evoluindo</h1>
Executando:
- right(direita)
Ex:
<h1 style= "text-align: right;">Aprendendo e Evoluindo</h1>
Executando:
- justify(esquerda
e direita)
Ex:
<p style= "text-align: justify;">Processo em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
Executando:
O atributo text-indent tem o objetivo de colocar
uma margem de acordo com seu valor (um número em px).
Ex:
<h2>Evolução</h2>
<p style="text-indent:50px;">Processo em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
<p style="text-indent:50px;">Processo em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
Executando:
2. Adicionando a tag style dentro do head para configurar o estilo, com o objetivo de configurar vários estilos de elementos com estilos iguais.
Obs.: Para configurar o
estilo basta colocar os atributos dentro do {( atributo 1; atributo 2;...)}.
Ex.1:
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
<style>
h1 {
text-align: center;
}
</style>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h1>Evolução</h1>
<p>Processo em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>
</html>
Executando:
Ex.2:
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
<style>
h1,h2 {
text-align: center;
}
</style>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p>Processo em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>
</html>
Executando:
