HTML5 (4) - <span>, text-decoration (underline, overline, line-through, none), font-weight (normal, bold, bolder, um número entre o valor 100 á 900)

A tag span fornece uma maneira de configurar o estilo de uma parte de um texto ou parte de um documento.

Para usar a tag span é preciso conhecer alguns atributos:

O atributo text-decoration tem o objetivo de formatar o texto de acordo com o seu valor:

- underline (sublinha o texto).

Ex:

<h2>Evolução</h2>
<p><span style="text-decoration: underline;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

- overline (linha em cima do texto)

Ex:

<h2>Evolução</h2>
<p><span style="text-decoration: overline;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

- line-through (linha no meio do texto)

Ex:

<h2>Evolução</h2>
<p><span style="text-decoration: line-through;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

- none (sem formatação no texto)

Ex:

<h2>Evolução</h2>
<p><span style="text-decoration: none;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

O atributo font-weight tem o objetivo de formatar o texto de acordo com o seu valor:

- normal (sem formatação no texto.)

Ex:

<h2>Evolução</h2>
<p><span style="font-weight: normal;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

- bold (texto em negrito)

Ex:

<h2>Evolução</h2>
<p><span style="font-weight: bold;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

- bolder (texto com um negrito mais forte)

Ex:

<h2>Evolução</h2>
<p><span style="font-weight: bolder;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

- Um número entre o valor 100 á 900, cada número está relacionado com uma certa quantidade de negrito, quanto maior o número mais negrito.

Ex.1:

<h2>Evolução</h2>
<p><span style="font-weight: 100;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

Ex.2:

<h2>Evolução</h2>
<p><span style="font-weight: 900;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando: