Cómo marcar una cita en HTML

Mientras escribimos un trabajo de investigación o cualquier trabajo académico, a menudo necesitamos agregar contenido de los escritos de otros autores. Este contenido puede ser cualquier cita o definición del documento o libro de otro autor. Más específicamente, agregar referencias al contenido de alguien en un documento o investigación se conoce como un "Citación". En HTML, hay elementos particulares para marcar la cita.

El resultado de este blog es:

• Cómo marcar citas en HTML?
• Cómo marcar la cita para citas largas?
• Cómo marcar la cita para citas cortas?
• Cómo hacer que la cita sea visible y enfatizado?
• Cómo hacer que el elemento citado se pueda hacer clic?

Cómo marcar citas en HTML?

Para marcar una cita en HTML, tenga en cuenta los siguientes puntos:

• El html "El elemento se puede usar para marcar el título del contenido en una referencia.
• El "citarEl atributo se agrega en los elementos para definir la URL de la fuente de contenido. Por defecto, este atributo no es visible para los usuarios.

Cómo marcar la cita para citas largas?

Cree una página HTML siguiendo estos pasos:

• Agregue un elemento Div con el nombre de la clase "contenido".
• Dentro de este elemento div, coloca el "

  Elemento para especificar el encabezado en la página web.

• Luego, agregue el "

  "Elemento combinado con un"citar" atributo. El

  El elemento se utiliza para definir una cita larga.

• El "citarEl atributo contiene la URL del documento de origen desde donde se toma el mensaje, el texto o la cita:

Tutoriales de Linuxhint

Desarrollamos artículos y hacemos videos para educar al mundo en línea.

Somos un equipo. Trabajamos para una misión común.

Avancemos hacia la siguiente sección, donde los elementos HTML están diseñados con diferentes propiedades CSS.

Estilo "Contenido" Div

.contenido
Ancho: 500px;
relleno: 10px;
tamaño de fuente: 18px;
margen: auto;
Color de fondo: #59CE8F;

El ".contenido"Se menciona para acceder al elemento div que tiene el contenido del nombre de clase. Las siguientes son las propiedades CSS aplicadas a él:

• "anchoLa propiedad se utiliza para determinar el ancho del elemento.
• "relleno"La propiedad ajusta el espacio alrededor del contenido del elemento dentro del borde.
• "tamaño de fuente"La propiedad define el tamaño de fuente del elemento.
• "margen"Agrega el espacio alrededor del elemento.
• "color de fondo"Es la propiedad para definir el color de fondo del elemento.

Aquí está la salida del código HTML y CSS declarado anteriormente:

Cómo marcar la cita para citas cortas?

Para marcar las citas cortas, utilice el HTML "" elemento. El "citarEl atributo se utiliza para incrustar el enlace del documento de origen. El texto dentro de la etiqueta HTML se muestra dentro de las comas invertidas de la siguiente manera:

Somos un equipo. Trabajamos para una misión común.

Producción

En los ejemplos anteriores, se puede observar que los enlaces de referencia son invisibles. Avancemos hacia el ejemplo para ver cómo hacer que la cita sea visible y enfatizada en el documento.

Cómo hacer que la cita sea visible y enfatizado?

Al mencionar la referencia, la mayoría de las veces, los usuarios deben enfatizar el título del contenido o en cursiva. En tal situación, el HTML "El elemento se utiliza para especificar el título, el autor o el nombre del libro del poema. Este elemento hace que un texto de cita sea visible y enfatizado.

Mira el ejemplo a continuación:

Tus ojos muestran la fuerza de tu alma.
- Paulo Coehlo, el alquimista

Aquí, puede ver que el título del libro y el nombre del autor se muestra en la pantalla en el estilo de fuente cursiva:

También puedes hacer el ""Elemento se puede hacer clic en. Para este propósito, pase por la siguiente sección.

Cómo hacer que el elemento citado se pueda hacer clic?

El html ""La etiqueta se agrega dentro del""Elemento, donde el"href"El atributo contiene la URL del contenido de origen:

El sitio web de Linuxhint proporciona artículos y videos para educar al mundo.
Para más información visite Sitio web oficial de Linuxhint

Producción

Hemos compilado ejemplos para demostrar cómo marcar las citas de HTML de diferentes maneras.

Conclusión

HTML ofrece el ""Elemento y"citar"Atributo para marcar el contenido. Estos se pueden especificar para marcar las citas citadas y enfatizarlas. El atributo cite y el elemento contienen la URL, el nombre o el título de la fuente de contenido. Este estudio ha explicado cómo marcar una cita con la ayuda de ejemplos prácticos.