Vamos dar continuidade aos nossos posts de HTML!
No último falamos sobre alinhamento: esquerda, centralizado e direita. O alinhamento justificado ficará para depois, quando falarmos de CSS.
Este post abordará mais três tags de formatação de texto: negrito <B>, itálico<I> e sublinhado<U>.
Antes de dar continuidade, é importante destacar que estas tags de formatação, em posts futuros, serão deixadas de lado por estilos em CSS. De qualquer forma, é importante ter conhecimento destas tags, pois elas quebram um galhão em alguns momentos! =P
Abaixo segue um exemplo de utilização dessas três tags:
<HTML>
<HEAD>
<TITLE>
Formatação de textos: negrito, itálico e
sublinhado
</TITLE>
</HEAD>
<BODY>
<P><B> Texto em negrito </B></P>
<P><I> Texto em itálico </I></P>
<P><U> Texto em sublinhado </U></P>
</BODY>
</HTML>
Que tem como resultado:
(clique na imagem para ampliar)
Como você pode observar, é possível juntar tags em uma mesma linha. No exemplo acima, todas as tags de formatação estavam acompanhadas de tags de parágrafo. Assim, ficou ali definido que o texto obedecerá as regras de parágrafo e será escrito em negrito, itálico ou sublinhado.
É importante observar também o esquema de fechamento das tags. Observe que elas fecham "do último para o primeiro". Assim, a primeira tag a ser fechada é a última que foi aberta e assim sucessivamente.
Você também pode fazer com que um texto tenha mais de uma formatação: negrito e sublinhado, negrito e itálico, negrito, itálico e sublinhado,...
(clique na imagem para ampliar)
O resultado:
(clique na imagem para ampliar)
E você também pode aplicar as propriedades de alinhamento junto com a combinação de formatações que desejar! =)
(clique na imagem para ampliar)
O código acima ficaria:
(clique na imagem para ampliar)
Assim, você pode concluir que o HTML é um conjunto de tags que podem ser combinadas entre si de acordo com o resultado que se desejar... EXATAMENTE! É só pensar em uma combinação maluca de idéias e aplicar no HTML! =)
Parágrafos possuem outros tipos de formatação como tipo de fonte, tamanho, cores,... mas essas nós iremos conhecer em posts de CSS. Motivo: manter a elegância, organização e limpeza de seu código!
Até o próximo post! =)
Nenhum comentário:
Postar um comentário