Elementos de Texto

Os elementos de texto são tags que destacam ou exercem alguma função em pequenos trechos do parágrafo e não no parágrafo inteiro.

Negrito - tags STRONG e B

Podemos destacar uma parte do texto deixando-o mais escuro ou com a letra mais grossa. É o que chamamos de letra estilo negrito. Em HTML/XHTML, as tags responsáveis por isso são STRONG e B.

...
<P>As <B>frutas</B> que mais gosto são: <STRONG>Morango, Laranja e Abacaxi</STRONG>.</P>
...

Veja o resultado do código acima:

Itálico - tags EM e I

Outra forma de dar ênfase ao texto é usando as tags EM ou I. Essas tags proporcionam uma letra inclinada que chamamos de itálico, comumente, utilizado para destacar nomes científicos.

...
<P>O nome científico dos lobos é <EM>Canis Lupus</EM>.</P>
...

Resultando em:

Visualização de código - tags CODE, VAR e SAMP

Essas tags não são utilizadas com muita frequência, mas seu funcionamento é simples. A tag code destaca um trecho do texto para indicar que é um código qualquer de programação ou de script (como muitos que já vimos aqui no TI Expert). VAR serve para distinguir o nome de uma variável, geralmente, os browsers renderizam de forma que esse trecho fique em itálico. E, por fim, a tag SAMP seria a visualização daquele código na tela.

O importante é saber que nenhuma tag executa nenhum código, elas apenas servem para marcar o texto para que o browser renderize de forma que fique mais simples de visualizarmos e entendermos o texto. Vejamos:

...
<P>Se quisermos imprimir a variável <VAR>texto1</VAR> no documento,<BR>
  devemos usar o método <CODE>write</CODE> de JavaScript.<BR>
  Por exemplo: <CODE>texto1="TI Expert"; document.write (texto1)</CODE>.<P>
<P>Isso imprimiria na tela a palavra <SAMP>TI Expert</SAMP></P>
...

No browser seria renderizado da seguinte forma:

Solicitação de teclado - tag KBD

A tag KBD indica uma solicitação ao usuário para que ele digite o que está dentro da tag KBD. Essa tag é interessante se usada em conjunto com algum evento que dispare um JavaScript.

...
<P>Se desejar ir para outra página, digite <KBD>sair</KBD>.
...

Definição - tag DFN

Definição serve para marcar uma instância, uma forma que tal objeto ou ação é conhecido.

...
<P>O Tarot Mitológico é também conhecido por <DFN>Tarot Mítico<DFN>.<P>
...

Citação - tag CITE

Serve para marcar um trecho do texto como referência de outro documento, obra, artigo, página da web, etc. CITE não é um link, porém pode ser utilizado por search engines (buscadores: Google, Cadê, Live, ...) para fazer relação bibliográfica ao conteúdo, por exemplo.

...
<P>Já não tinha voz, mas teimava em dizer que a  tinha.<BR>
  (Machado de Assis, <CITE>Dom Casmurro</CITE>)</P>
...

Abreviações e Acrónimos - tags ABBR e ACRONYM

Abreviações e acrónimos funcionam da mesma forma no HTML, a única diferença são suas definições, que segundo o Priberam (dicionário da língua portuguesa on-line) é:

Abreviação: s. f., ação de abreviar, epítome, resumo.

Acrónimo: s. m., conjunto de letras, pronunciado como uma palavra normal, formado a partir das letras iniciais (ou de sílabas) de palavras sucessivas que constituem uma denominação.

Tirando os termos técnicos e linguísticos da questão, abreviação é quando, ao invés de utilizarmos a palavra inteira, usamos apenas parte dela (etcetera - etc., exemplo - ex., ...). Acrónimos são quando utilizamos siglas ou iniciais para nos referirmos ao todo (Organização das Nações Unidas - ONU, Cadastro de Pessoa Física - CPF, ...).

Essas duas tags tem uma função importante, principalmente, para pessoas com deficiência visual. Leitores de tela usam o atributo title presente nestas duas tags para ler a palavra corretamente.

...
<P>A <ACRONYM TITLE="World Wide Web">WWW</ACRONYM>
  cresceu espantosamente nos últimos anos.<BR>
  Por <ABBR TITLE="exemplo">ex.</ABBR>:
  Não era possível imaginar fazer compras sem sair de casa.</P>
...

Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons.

Gostou? Indique nosso site!

Este artigo foi lido 1670 vezes

Páginas Relacionadas