Mudanças

Você também pode usar as tags do HTML para criar conteúdos diferentes com cores e formatações diversas. Mas é importante não abusar deste recurso devido a falta de padronização que gera no contexto geral. Ex:

Você também pode usar as tags do HTML para criar conteúdos diferentes com cores e formatações diversas. Mas é importante não abusar deste recurso devido a falta de padronização que gera no contexto geral. Ex:

<syntaxhighlight lang="html4strict">

<syntaxhighlight lang="html4strict">

<div style="margin:1em auto;border:1px solid red;width:600px;color:#fff;text-align:center;">

<div style="padding:0.5em 1em;margin:1em auto;border:1px solid red;width:650px;color:#fff;text-align:center;">

     <span style="background-color:#000;box-shadow:2px 2px 3px #333;padding:3px 10px;">Objeto pai com bordas vermelhas, SPAN filho com fonte branca, fundo preto e sombreado</span>

     <span style="background-color:#000;box-shadow:2px 2px 3px #333;padding:3px 10px;">Objeto pai no centro com bordas vermelhas, SPAN filho com fonte branca, fundo preto e sombreado</span>

</div>

</div>

</syntaxhighlight>

</syntaxhighlight>

:'''Gera como saída'''

:'''Gera como saída'''

<div style="margin:1em auto;border:1px solid red;width:650px;color:#fff;text-align:center;">

<div style="padding:0.5em 1em;margin:1em auto;border:1px solid red;width:650px;color:#fff;text-align:center;">

<span style="background-color:#000;box-shadow:2px 2px 3px #333;padding:3px 10px;">Objeto pai no centro com bordas vermelhas, SPAN filho com fonte branca, fundo preto e sombreado</span>

<span style="background-color:#000;box-shadow:2px 2px 3px #333;padding:3px 10px;">Objeto pai no centro com bordas vermelhas, SPAN filho com fonte branca, fundo preto e sombreado</span>

</div>

</div>