TAGS USUAIS
Iremos conhecer agora mais algumas tags, comumente usadas em um documento HTML.
Mas antes disso caso não esteja acompanhando esse curso desde o início, segue os links para as aulas anteriores.
Tag “pre”
Obs:
Essa é uma tag de pre formatação e tem a particularidade de respeitar a escrita na integra, inclusive espaços, você escreve exatamente como irá aparecer na página. É uma tag muito atraente para iniciantes. Por exemplo, não se precisa colocar caracteres de espaço entre as palavras ( ) para se conseguir espaços desejados.
Mas com algum tempo, o programador percebe que é melhor ter o controle mais preciso da formatação do texto, por isso ela não é uma tag tão usada quanto se pode pensar.
Atributo – dir
Valores – ltr, rtl
Exemplo:
Esse texto irá aparecer exatamente
Assim.
Como Foi escrito
</pre>
Tag “i”
Coloca o texto em itálico, para destaca-lo, como nesse próprio texto
Exemplo:
<i>Esse texto apareça em itálico</i>
Resultado:
Esse texto apareça em itálico
Tag “b”
Aumenta e espessura do texto colocado-o em negrito, para destaca-lo.
Exemplo:
<b>Quero que esse texto apareça em negrito</b>
Resultado:
Quero que esse texto apareça em negrito
Tag “center”
Essa tag centraliza qualquer elemento seja texto, imagem etc…
Exemplo:
<center>Quero que esse texto apareça centralizado</center>
Resultado:
Tag “big”
Aumenta automaticamente o tamanho das letras com relação a formatação original
Exemplo:
Você perceberá que <big> aqui, esse texto será aumentado</big>
Resultado:
Você perceberá que aqui, esse texto será aumentado
Tag “small”
Diminue automaticamente o tamanho das letras com relação a formatação original
Exemplo:
Você perceberá que <small> aqui, esse texto será diminuido</small>
Resultado:
Você perceberá que aqui, esse texto será diminuido
Tag “sup”
Coloca o seu conteúdo alinhado pela parte superior
do resto do texto
Exemplo:
<sup> Aparecerei acima </sup>do resto do texto
Resultado:
Aparecerei acima do resto do texto
Tag “sub”
Coloca o seu conteúdo alinhado pela parte inferior do resto do texto.
Exemplo:
<sub> Aparecerei abaixo </sub>do resto do texto
Resultado:
Aparecerei abaixo do resto do texto
Tag “u”
Essa tag cria um texto sublinhado
Exemplo:
<u>Aparecerei sublinhado</u> o resto do texto não
Resultado:
Aparecerei sublinhado o resto do texto não
Tag “strike”
Essa tag cria um texto riscado ao meio
Exemplo:
Você perceberá que <strike> aqui, esse texto aparecerá riscado</strike>
Resultado:
Você perceberá que aqui, esse texto aparecerá riscado
Agora procure fazer exercícios com o que já aprendeu até aqui
Até a próxima aula.
