Caminho de Navegação Html / Artigos / Quer uma dica?

Html

 

Nenhuma avalição
Indique ao Ueba Indique ao BlogBlogs Indique ao Delicious Indique ao Technorati Indique ao Google Bookmarks Indique ao Newsgator
TAGS

Nenhuma tag foi definida ainda!

Defina as tags para esta página preenchendo o campo abaixo.

  • Máximo de 100 tags
  • Cada tag deve ter até 20 caracteres.
  • Separar as tags com virgula. Ex.: php, sql, html, xml, fireworks
COMENTAR

INDICAR
Nome do amigo: E-mail do amigo: Comentário:
REPORTAR ERRO Descreva o erro:

Quer uma dica?Postada em: 25/08/2004

Flávio Silva de Oliveira
Por: Flávio Silva de Oliveira Nº de Visualizações: 912.



Ola pessoal, esse artigo até que é um tanto curioso pois sempre que vimos um estoque de tags naqueles guias práticos utilizamos somente "meia-dúzia de um.. dois" e essa tag também não fica para trás, gente deve ter falado quando viu o título "acronym??? isso é de comer ou passar no cabelo???" enfim... vamos conhecer um pouco desta tag.


Objetivo
Apresentar o uso de uma poderosa e pouco usada tag HTML, destinada a fornecer uma dica de contexto aos visitantes de um site.


Para quê serve
A tag <acronym> serve para fornecer uma janelinha (chamada de dica de contexto) descrevendo uma palavra dentro de uma frase. E destina-se desta forma a fornecer uma informação adicional sobre aquela palavra.


O código HTML

As <acronym title="Folhas de estilo em cascata">CSS</acronym>permitem o controle da apresentação de um site, a partir de um arquivo central.
 



Nota: O uso simples da tag, como acima mostrado, não destaca (não coloca o sublinhado pontilhado) e nem muda o cursor para "help". Somente apresenta a dica de contexto.

Para destacar a sigla chamando a atenção do visitante e induzindo-o a colocar o mouse vamos estilizar a tag através das CSS.


Estilizando a tag
Para colocar uma borda inferior pontilhada e azul na tag a regra CSS é:


border-bottom:1px dotted #00008b
 



Para mudar o cursor a regra CSS é:


cursor:help



E para declarar as duas regras inline na tag e obter o efeito a sintaxe é:


<acronym title="Folhas de estilo em cascata" style="border-bottom:1px dotted #00008b; cursor:help;">CSS</acronym>
 



Pessoal, qualquer dúvida podem mandar um e-mail para flaviosil@hotmail.com e estarei na medida do possível respondendo aceito também sugestões para novos artigos ou colunas de Fireworks, Dreamweaver ou Photoshop.