textelements

Prévia do material em texto

www.tiexpert.net – O ponto de encontro do estudante de TI
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.
http://www.tiexpert.net/ver.php?page=109 Página 1
www.tiexpert.net – O ponto de encontro do estudante de TI
...
<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>
...
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
Fonte: w3.org
Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons
Para ver uma cópia desta licença, visite http://creativecommons.org/licenses/by-nc-sa/2.5/br/
ou envie uma carta para Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.
http://www.tiexpert.net/ver.php?page=109 Página 2