Aprendendo HTML Parte 10: Como fazer uma cotação em HTML
Antes de explicar mais sobrecomo fazer uma cotação ou cotação em um documento HTML, explicarei primeiro o que é uma cotação (cotação). Uma citação é uma frase que contém uma ideia, opinião ou idéias de alguém que é considerado interessante, extraído de várias fontes.
A frase é geralmente retirada da ideiaartigos, livros, revistas, dicionários, enciclopédias e assim por diante. Obviamente, você usa citações para obter fontes de referências ou referências para apoiar, fortalecer, adicionar e esclarecer sua redação ou artigo.
O HTML forneceu tags que você podeuse para fazer uma cotação. Basicamente, as tags de citação em HTML são divididas em dois tipos, ou seja, cotação curta usando a tag <q> e cotação longa usando a tag <blockquote>.
Agora, para que você possa entender cada um dos usos das duas tags, vejamos a explicação abaixo:
A. Cotação curta com tag <q>
A tag <q> é usada para citar uma frase que éshort (aspas curtas) que será combinado com o texto existente porque possui a natureza dos elementos inline, o que significa aspas curtas localizadas dentro da linha (inline). Essa tag também é uma versão embutida da tag <blockquote>. Em HTML, o texto que está entre os pares de tags <q> ... as tags </q> serão colocadas entre aspas quando exibidas em um navegador da web.
Os atributos na tag <q> são:
| Atributo | Valor | Função |
| Citar | URL | Especifica o URL da cotação |
Adicionar o atributo cite na tag <q> pode exigir que você faça referência à origem da citação consultando o endereço URL do texto citado.
Aqui está um código de exemplo para usar a tag <q> em HTML:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Short Quotation di HTML</title>
</head>
<body>
<p>Ini contoh short Quotation : </p>
<q cite="https://puisikompas.wordpress.com/2013/11/05/puisi-m-aan-mansyur-3/">Aku pernah punya mimpi. Kau menulis angka-angka</q>
</body>
</html>Depois de executar o código em um navegador da Web, o texto junto com as aspas (por padrão já está disponível na tag <q>) aparecerá como mostrado abaixo:
B. Cotação longa com a tag <blockquote>
A tag <blockquote> é usada para escrevertrechos de texto longo retirados de outras fontes como referência. Geralmente, o elemento blockquote possui um estilo de texto com recuos bastante apertados para dentro. Você pode usar a propriedade CSS Margin para alterar a aparência do recuo.
Os atributos na tag <blockquote> são:
| Atributo | Valor | Função |
| Citar | URL | Especifica o URL da cotação |
Você pode usar o atributo cite se a cotação for de um site, então a URL deve ser escrita no atributo cite.
Aqui está um código de exemplo para usar a tag <blockquote> em HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Blockquote di HTML</title>
</head>
<body>
<p> Dibawah ini adalah contoh kutipan teks : </p>
<blockquote cite="https://id.wikipedia.org/wiki/Kekuasaan" >
Kekuasaan cenderung korup adalah ungkapan yang sering kita dengar, atau dalam bahasa Inggrisnya adalah Power tends to corrupct. Kekuasaan dapat dikatakan melekat pada jabatan ataupun pada diri orang tersebut, penjelasannya adalah sebagai berikut: 1. Position Power,2. Personal Power.
</blockquote>
</body>
</html>Depois, você executa o código em um navegador da Web e o texto aparecerá como mostrado abaixo:
Além disso, você também pode adicionar um rodapé à cotação. Aqui está um código de exemplo:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Blockquote dengan Footer</title>
</head>
<body>
<p>Kutipan Rindu : </p>
<blockquote>
<p>Lahir dan mati adalah takdir Allah. Kita tidak mampu mengetahuinya. Pun tiada kekuatan bisa menebaknya. Kita tidak bisa memilih orangtua, tanggal, tempat...Tidak bisa. Itu hak mutlak Allah. Kita tidak bisa menunda, atau memajukannya walau sedetik</p>
<footer>- <cite>Tere Liye</cite></footer>
</blockquote>
</body>
</html>Os resultados do código acima no navegador se parecerão com a imagem abaixo:
