Já escrevi aqui sobre a diferença entre block e inline. Neste post vou dar exemplos com as tags inline, que são muito úteis na edição de qualquer texto HTML, inclusive blogs:
Negrito
Código:
Ou ainda:
Resultado:
Com a tag b o texto fica negrito.
Citação*
Código:
Resultado:
Com a tag q o texto fica entre aspas
.
Itálico
Código:
Resultado:
Com a tag i o texto fica itálico.
* <dfn> não funciona no Chrome, nem no Safari.
Riscado
Código:
Resultado:
Com a tag s o texto fica riscado.
Sublinhado
Códigos:
Resultado:
Com a tag u o texto fica sublinhado.
Monoespaçado
Com a tag code (código) o texto fica monoespaçado.
Com a tag kbd (keyboard - teclado) o texto fica monoespaçado.
Com a tag samp (exemplo) o texto fica monoespaçado.
Tamanho do texto
Códigos:
Resultado:
Com a tag small o texto fica menor do que estava antes.
Com a tag big o texto fica maior do que estava antes.
Nível do texto
Código:
Resultado:
Com a tag sub o texto fica um nível abaixo do que estava antes.
Com a tag sup o texto fica um nível acima do que estava antes.
Sentido do texto
Código:
Resultado:
Com bdo dir="ltr" o texto fica da esquerda para a direita.
Com bdo dir="rtl" o texto fica da direita para a esquerda.
<bdo dir="rtl"> inverte o texto para nós, ocidentais, que escrevemos da esquerda para a direita, enquanto <bdo dir="ltr"> serve para inverter textos árabes e hebraicos, por exemplo, que são escritos da direita para a esquerda.
Fonte, cor e tamanho
Código:
Resultado:
A tag font muda cor, tamanho e fonte sem precisar de CSS.
Apesar de modificarem o texto sem precisar de CSS, todas essas tags podem ser personalizadas na folha de estilos de seu blog ou site para que fiquem do seu jeito.
