Mais sobre as Tags de formatação de texto

Olá, vamos continuar vendo como formatar um texto de um arquivo html, utilizando tags de Estilo Lógico.
Essas tags definem as palavras do texto, indicando se essas palavras são títulos de filmes, livros ou citações curtas; indica se for um código de um programa, abreviatura, destaca um trecho, indica uma entrada via teclado, uma mensagem de erro, e destaca dando ênfase em negrito e também indica se é uma variável ou um valor.
Agora, vamos ver como usar a tag <kbd>.

A tag <kbd> representa a entrada do usuário, com um texto, uma clicada, ou quando ele digita no teclado.
Ou pode representar um comando de voz.
Quando a tag <kbd> está aninhada dentro de uma tag <samp>, representa a entrada, uma vez que foi ecoado pelo sistema. 
Quando a tag <kbd> contém uma tag <samp>, ele representa a entrada com base na saída do sistema, por exemplo, invocando um item do menu.

Veja um exemplo num documento html:

<html>
<head>
<title> Utilizando a tag kbd </title>
</head> 
<body> 
<p> Esse é um parágrafo </p> 
<p>Para enviar arquivos, digite <kbd> ftp - a </kbd> </p> 
</body>
</html> 

Digite esse código no bloco de notas, depois salve como kbd.html, em uma pasta nova com o nome Site.
Logo, abra o arquivo com o seu navegador. 
E então verá como ficou, a definição da tag <kbd>.
  
Veja outro exemplo:

<html>
<head>
<title> Utilizando a tag kbd </title>
</head>
<body> 
<p> Esse é um parágrafo </p> 
<p>Por favor, digite "<kbd>Sim</kbd>" ou "<kbd>Não</kbd>" 
</p> 
</body>
</html>


Já vimos a entrada de teclado, e o comandos de voz ...
Aqui temos mais um exemplo de entrada do usuário:
 
Quando a tag <kbd> está aninhado dentro de outra tag <kbd>, que representa uma chave real ou outra unidade de entrada única, fica como adequada para o mecanismo de entrada. 

Exemplo:
Representa uma chave:
 
<html>
<head>
<title> Utilizando a tag kbd </title>
</head>
<body> 
<p> Esse é um parágrafo </p> 
<p> Please, press <kbd><kbd> Shift </kbd> + <kbd> A </kbd> </kbd>
</p>
</body>
</html>

Esse documento visualizado fica assim:







Espero que tenham gostado dessa postagem, e na próxima tem mais sobre tags para formatar texto.
Não se esqueça de deixar um comentário.
Até a próxima postagem!


Fonte: http://www.w3.org/wiki/HTML/Elements/kbd

Nenhum comentário:

Postar um comentário

Marcadores

etiqueta (29) tutorial (18) meta (16) html (15) a (10) link (10) formatar texto (3) VETOR (2) body (2) caracteres (2) id (2) p (2) vídeo (2) âncora (2) Photoshop (1) address (1) blink (1) blockquote (1) br (1) center (1) div (1) e-mail (1) font (1) frameset (1) h (1) head (1) pre (1) title (1)

paginador numerico