¿Cómo mostrar citas largas en HTML?

En este artículo, discutiremos la etiqueta que mostrará citas largas.

La etiqueta <blockquote> en HTML se usa para mostrar las citas largas (una sección que se cita de otra fuente). Cambia la alineación para que sea único de los demás. Contiene etiquetas de apertura y cierre. En la etiqueta blockquote, podemos usar elementos como encabezado, lista, párrafo, etc.

Nota: La etiqueta <blockquote> en HTML4.1 define la cita larga, es decir, citas que abarcan varias líneas. Pero en HTML5, la etiqueta <blockquote> especifica la sección que se cita de otra fuente.

Sintaxis:

<blockquote> Contents... </blockquote>

Atributo: Contiene una sola cita de atributo que se utiliza para especificar la fuente de la cita.

Los siguientes ejemplos ilustran la etiqueta blockquote:

Ejemplo 1:

HTML

<!DOCTYPE html>
<html>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>
        <blockquote> Tag
    </h2>
    <!--blockquote Tag starts here -->
    <blockquote cite=
"https://www.geeksforgeeks.org/html-tutorials/">
        HTML stands for HyperText Markup 
        Language. It is used to design 
        web pages using a markup language.
        HTML is the combination of Hypertext 
        and Markup language. Hypertext 
        defines the link between the web 
        pages. A markup language is used 
        to define the text document within
        tag which defines the structure 
        of web pages.
    </blockquote>
    <!--blockquote Tag ends here -->
</body>
  
</html>

Producción:

Ejemplo 2:

HTML

<!DOCTYPE html>
<html>
  
<body>
    <h1>GeeksforGeeks</h1>
    <h2><blockquote> Tag</h2>
    <p>This is blockquote Tag text with attribute cite</p>
      
    <!--blockquote Tag starts here -->
    <blockquote cite="www.geeksforgeeks.org">
        GeeksforGeeks:A computer science portal for geeks
    </blockquote>
    <!--blockquote Tag ends here -->
</body>
  
</html>

Salida :

Publicación traducida automáticamente

Artículo escrito por sravankumar8128 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *