Curso de html e css grátis – Citações

Dicas e Promoções

Elemento <blockquote>

O elemento <blockquote> define uma citação em bloco que desloca uma parte de seu texto. Ele define uma seção citada de outra fonte.

<p>Platão em suas falas sobre educação deixou várias frases interessantes, porém a que mais gostei foi esta: <blockquote>A educação deve possibilitar ao corpo e à alma toda a perfeição e a beleza que podem ter.</blockquote> Aqui você nota particularmente a paixão que o filósofo nutria pela educação e conhecimento.</p>

DICA: note que você pode se utilizar de mais de um elemento nas frases.

EXEMPLO

<p><b>Platão</b> em suas falas sobre educação deixou várias frases interessantes, porém a que mais gostei foi esta: <blockquote>A educação deve possibilitar ao <b><u>corpo e à alma</u></b> toda a <i>perfeição e a beleza</i> que podem ter.</blockquote> Aqui você nota particularmente a paixão que o filósofo nutria pela <mark>educação e conhecimento.</mark>

NOTA: veja que as tags dos elementos devem vir aos pares:

<p>Parágrafo com texto em negrito, sublinhado e itálico.
Forma correta de editar: <b><u><i>TEXTO</i></u></b></p>

Forma errada de editar: <b><u><i>TEXTO</b></u></i>

Neste caso especificamente irá mostrar o mesmo resultado visual, no entanto, numa página com centenas de tags cruzadas será um grande problema para visualizar onde algo saiu errado, portanto acostume-se a seguir o convencional, que é aos pares.

Elemento <q>

Os navegadores geralmente inserem aspas ao redor do elemento <q> que serve para definir citações curtas.

<p>Frase de Platão sobre amizade: <q>Onde não há igualdade, a amizade não perdura.</q></p>

Elemento <abbr> para abreviatura

A tag<abbr> define uma abreviatura ou um acrônimo, como “HTML”, “CSS”, “Sr.”, “Dr.”, “ATM”.
A marcação de abreviaturas pode fornecer informações úteis aos navegadores, sistemas de tradução e motores de busca.

DICA: Use o atributo global title para mostrar a descrição da abreviatura/acrônimo ao passar o mouse sobre o elemento.

<p>A <abbr title=”Organização das Nações Unidas”>ONU</abbr> foi fundada em 1945.</p>

Elemento <address> para informações de contato

As informações de contato podem ser endereço de e-mail, URL, endereço físico, número de telefone, identificador de mídia social, etc.
O texto no elemento <address> geralmente é mostrado em itálico e os navegadores sempre adicionam uma quebra de linha antes e depois do elemento.

<p>O mais comum neste caso é mostrar o endereço, e-mail e outras formas de acessar informações sobre a empresa ou pessoas responsável pela edição de um artigo.</p>
<address>
Escrito por Fulano de Tal<br>
suaempresa.com.br<br>
Conheça nossa loja<br>
R. Safira, 100<br>
Santos – SP
</address>

Elemento <bdo> para substituição bidirecional

A tag <bdo> é usada para substituir a direção atual do texto. Para que isto ocorra é necessário acrescentar o atributo “dir” e acrescentar o sentido em que o texto será escrito “rtl” (direita para esquerda) ou “ltr” (esquerda para a direita)
<p>Este texto será escrito da direita para a esquerda</p>

<p><bdo dir=”rtl”>Este texto será escrito da direita para a esquerda</bdo></p>