Etiqueta HTML <blockquote>

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/">
       
 
<p>
        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.
      </p>
 
 
    </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>

Producción: 

Navegadores compatibles: 

  • Google Chrome
  • Borde 12 y superior
  • explorador de Internet
  • Firefox 1 y superior
  • Safari
  • Ópera

Publicación traducida automáticamente

Artículo escrito por Ayuush 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 *