Antes de explicar más acerca de cómo hacer una cita o cotización en un documento HTML, primero explicaré qué es una cita. Una cita es una oración que contiene las ideas, opiniones o ideas de alguien que se consideran interesantes tomadas de varias fuentes.
Las oraciones de estas ideas generalmente se toman de artículos, libros, revistas, diccionarios, enciclopedias, etc. Por supuesto, utiliza citas para tomar fuentes de referencia o referencias para respaldar, fortalecer, agregar y aclarar su escrito o artículo.
HTML ha proporcionado etiquetas que puede usar para crear una cotización. Básicamente, las etiquetas de citas en HTML se dividen en dos tipos, a saber, citas cortas que usan la etiqueta y citas largas que usan la etiqueta
.
Entonces, para que pueda comprender cada uso de las dos etiquetas, veamos la explicación a continuación:
A. Cita breve con la etiqueta
La etiqueta
se usa para citar oraciones cortas (comillas cortas) que se combinarán con el texto existente porque tiene una propiedad de elemento en línea, lo que significa que las comillas cortas están en línea. Esta etiqueta también es una versión en línea de la etiqueta. En HTML, el texto entre los pares de etiquetas
…. La etiquetaaparecerá entre comillas cuando se muestre en un navegador web.Los atributos en la etiqueta
son:
Atributo Marcos Función Citar URL Especificando la URL en la cotización Al agregar el atributo de cita en la etiqueta
, es posible que deba consultar la fuente de la cita haciendo referencia a la dirección URL del texto citado.El siguiente es un ejemplo del código para usar la etiqueta
en 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>Después de ejecutar el código en un navegador web, el texto junto con las comillas (de forma predeterminada está disponible en la etiqueta
) aparecerá como se muestra a continuación:
B. Cita larga con etiqueta
La etiqueta
se usa para escribir citas de texto largas tomadas de otras fuentes como referencia. Por lo general, los elementos de comillas en bloque tienen estilos de texto ligeramente sangrados hacia adentro. Puede usar la propiedad Margen CSS para cambiar la apariencia de las sangrías.
Los atributos en la etiqueta
son:
Atributo Marcos Función Citar URL Especificando la URL en la cotización Puede usar el atributo de cita si la cita es de un sitio web, entonces la URL debe escribirse en el atributo de cita.
El siguiente es un ejemplo del código para usar la etiqueta
en 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>Después de ejecutar el código en un navegador web, el texto aparecerá como se muestra a continuación:
Aparte de eso, también puede agregar un pie de página a la cita. Aquí hay un código de ejemplo:
<!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>El resultado del código anterior en el navegador se verá como la imagen a continuación:
Con la etiqueta q y la cita en bloque, puede crear citas en sus documentos HTML. El próximo tutorial de HTML trata sobre cómo crear abreviaturas y cambiar la dirección del texto en documentos HTML.
