Programação
 › Algoritmo  › C/C++  › Java
Web
 › HTML/XHTML  › JavaScript  › PHP
Sistema Operacional
 › Comandos de DOS  › Windows  › Linux  › Mac/BSD
Office
 › Word / Writer  › Excel / Calc
Áreas do Site
 › Download  › Fórum  › Blog
Recomendamos
Computadores e Informática em Lisboa
TI Expert » Programação » Web » HTML/XHTML » Elementos de Texto

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: As frutas que mais gosto são: Morango, Laranja e Abacaxi

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: O nome científico dos lobos é Canis Lupus

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:

Exemplo de renderização das tags CODE, VAR e SAMP

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>.
...

Se desejar ir para outra página, digite sair

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>
...

O Tarot Mitológico é também conhecido por Tarot Mítico

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>
...

Já não tinha voz, mas teimava em dizer que a tinha

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>
...
Fonte: w3.org
Características - tags STRONG, EM, B, I, CODE, SAMP, ... (texto - elementos)
uso HTML 4.01 <I>...</I>, <EM>...</EM>, <B>...</B>, ...
XHTML <I>...</I>, <EM>...</EM>, <B>...</B>, ...
HTML 5 <I>...</I>, <EM>...</EM>, <B>...</B>, ...
Formatação Padrão visualização inline
Atributos Aceitos id, class, title, lang, dir, style
Eventos Possíveis onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

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

Faça o download da versão em PDF Indique nosso site Gostou?
Indique nosso site!
Este artigo foi
lido 14755 vezes
Bookmark e Compartilhe

Páginas Relacionadas

Enquete
O Google Chrome OS irá desbancar o Microsoft Windows 7?
» ProgramaçãoAlgorítmo | C/C++ | Java

» WebHTML/XHTML | JavaScript | PHP

» Sistema OperacionalComandos de DOS | Windows | Linux | Mac/BSD

» OfficeWord/Wirter | Excel/Calc

» Áreas do SiteDownloads | Fórum | Blog