6 - Tags de Frase

HTML - Tags de frase
As tags de frase foram desativadas para fins específicos, embora sejam exibidas de maneira
semelhante a outras tags básicas, como , , <pre> e <tt>, você viu no capítulo anterior.
Este capítulo irá levá-lo através de todas as tags de frases importantes, então vamos começar a
vê-las uma por uma.
Texto enfatizado
Qualquer coisa que apareça dentro ... elemento é exibido como texto enfatizado.
Exemplo
 Demonstração ao vivo
<!DOCTYPE html>
<html>
<head>
<title>Emphasized Text Example</title>
</head>
<body>
The following word uses an emphasized typeface.
</body>
</html>
Isso produzirá o seguinte resultado −
The following word uses an emphasized typeface.

Texto marcado
Qualquer coisa que apareça com <marca>... elemento, é exibido como marcado com
tinta amarela.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Marked Text Example</title>
</head>
<body>
The following word has been marked with yellow
</body>
</html>
The following word has been marked with yellow
Texto Forte
Qualquer coisa que apareça dentro <forte>... elemento é exibido como texto
importante.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Strong Text Example</title>
</head>
<body>
The following word uses a strong typeface.
</body>
</html>
The following word uses a strong typeface.
Abreviatura do texto
Você pode abreviar um texto colocando-o dentro das tags de abertura <abbr> e fechamento
</abbr>. Se estiver presente, o atributo title deve conter essa descrição completa e nada mais.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Text Abbreviation</title>
</head>
<body>
My best friend's name is <abbr title = "Abhishek">Abhy</abbr>.
</body>
</html>

My best friend's name is Abhy.
Elemento acrônimo
O elemento <acrônimo> permite indicar que o texto entre as tags <acrônimo> e </acrônimo> é
um acrônimo.
Atualmente, os principais navegadores não alteram a aparência do conteúdo do elemento

<acrônimo>.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Acronym Example</title>
</head>
<body>
This chapter covers marking up text in <acronym>XHTML</acronym>.
</body>
</html>
This chapter covers marking up text in XHTML.

Direção do texto
O <bdo>... </bdo> elemento significa Bi-Directional Override e é usado para substituir a direção
atual do texto.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Text Direction Example</title>
</head>
<body>
This text will go left to right.
<bdo dir = "rtl">This text will go right to left.</bdo>
</body>
</html>
This text will go left to right.
.tfel ot thgir og lliw txet sihT
Termos Especiais
O <dfn>... </dfn> elemento (ou HTML Definition Element) permite que você especifique que
você está introduzindo um termo especial. Seu uso é semelhante a palavras em itálico no meio
de um parágrafo.
Normalmente, você usaria o elemento <dfn> na primeira vez que introduzir um termo-chave. Os
navegadores mais recentes renderizam o conteúdo de um elemento <dfn> em uma fonte em
itálico.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Special Terms Example</title>
</head>
<body>
The following word is a <dfn>special</dfn> term.
</body>
</html>
The following word is a special term.
Texto de Citação
Quando você quiser citar uma passagem de outra fonte, você deve colocá-la entre
<blockquote>... </blockquote> tags.
O texto dentro de um elemento <blockquote> geralmente é recuado a partir das bordas

esquerda e direita do texto ao redor e, às vezes, usa uma fonte em itálico.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Blockquote Example</title>
</head>
<body>
The following description of XHTML is taken from the W3C Web site:
<blockquote>XHTML 1.0 is the W3C's first Recommendation for XHTML,following
from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.</blockqu
</body>
</html>
The following description of XHTML is taken from the W3C Web site:
XHTML 1.0 is the W3C's first Recommendation for XHTML, following on from
earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.
Citações Curtas
O <q>... </q> elemento é usado quando você deseja adicionar uma aspa dupla dentro de uma
frase.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Double Quote Example</title>
</head>
<body>
Amit is in Spain, <q>I think I am wrong</q>.
</body>
</html>

Amit is in Spain, “I think I am wrong”.
Citações de Texto
Se você estiver citando um texto, poderá indicar a fonte colocando-o entre uma tag <cite> de
abertura e tag </cite> de fechamento
Como seria de esperar em uma publicação impressa, o conteúdo do elemento <cite> é

renderizado em itálico por padrão.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Citations Example</title>
</head>
<body>
This HTML tutorial is derived from <cite>W3 Standard for HTML</cite>.
</body>
</html>

This HTML tutorial is derived from W3 Standard for HTML.
Código do computador
Qualquer código de programação a ser exibido em uma página da Web deve ser colocado
dentro <código>... </código> tags. Normalmente, o conteúdo do elemento <code> é
apresentado em uma fonte monoespaçada, assim como o código na maioria dos livros de
programação.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Computer Code Example</title>
</head>
<body>
Regular text. <code>This is code.</code> Regular text.
</body>
</html>
Regular text. This is code. Regular text.

Texto do teclado
Quando você está falando de computadores, se você quiser dizer a um leitor para inserir algum
texto, você pode usar o <kbd>... </kbd> elemento para indicar o que deve ser digitado, como
neste exemplo.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Keyboard Text Example</title>
</head>
<body>
Regular text. <kbd>This is inside kbd element</kbd> Regular text.
</body>
</html>
Regular text. This is inside kbd element Regular text.
Variáveis de programação
Esse elemento geralmente é usado em conjunto com os elementos <pre> e <code> para indicar
que o conteúdo desse elemento é uma variável.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Variable Text Example</title>
</head>
<body>
<code>document.write("<var>user-name</var>")</code>
</body>
</html>
document.write("user-name")
Saída do programa
O <samp>... </samp> elemento indica a saída de amostra de um programa e script etc.
Novamente, ele é usado principalmente ao documentar conceitos de programação ou
codificação.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Program Output Example</title>
</head>
<body>
Result produced by the program is <samp>Hello World!</samp>
</body>
</html>

Result produced by the program is Hello World!
Texto do endereço
O <endereço>... </address> elemento é usado para conter qualquer endereço.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Address Example</title>
</head>
<body>
<address>388A, Road No 22, Jubilee Hills - Hyderabad</address>
</body>
</html>
388A, Road No 22, Jubilee Hills - Hyderabad

6 - Tags de Frase

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

6 - Tags de Frase

Enviado por

Direitos autorais:

Formatos disponíveis

HTML - Tags de frase

Isso produzirá o seguinte resultado −

The following word uses an emphasized typeface.

Isso produzirá o seguinte resultado −

The following word has been marked with yellow

Isso produzirá o seguinte resultado −

The following word uses a strong typeface.

Isso produzirá o seguinte resultado −

Atualmente, os principais navegadores não alteram a aparência do conteúdo do elemento

Isso produzirá o seguinte resultado −

This chapter covers marking up text in XHTML.

Isso produzirá o seguinte resultado −

This text will go left to right.

.tfel ot thgir og lliw txet sihT

Isso produzirá o seguinte resultado −

The following word is a special term.

O texto dentro de um elemento <blockquote> geralmente é recuado a partir das bordas

Isso produzirá o seguinte resultado −

Isso produzirá o seguinte resultado −

Como seria de esperar em uma publicação impressa, o conteúdo do elemento <cite> é

Isso produzirá o seguinte resultado −

Isso produzirá o seguinte resultado −

Regular text. This is code. Regular text.

Isso produzirá o seguinte resultado −

Regular text. This is inside kbd element Regular text.

Isso produzirá o seguinte resultado −

Isso produzirá o seguinte resultado −

Isso produzirá o seguinte resultado −

388A, Road No 22, Jubilee Hills - Hyderabad

Você também pode gostar