Uso de etiquetas blockquote, q y cite en HTML

HTML | Etiqueta 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.

Sintaxis:

<blockquote>
        <p>The quote is input here.</p>
</blockquote>

Ejemplo: En este ejemplo, usaremos <blockquote> dentro del párrafo.

  • Programa:

    <!DOCTYPE html>
    <html lang="en">
      
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
            content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
      
    <body>
    <b>GeeksforGeeks</b>
    <blockquote>
        <p>AComputer Science portal for geeks. 
        It contains well written, well thought 
        and well explained computer science and 
        programming articles, quizzes and many more, 
        created by <q>Sandeep Jain</q></p>
    </blockquote>
    </body>
      
    </html>                    
  • Producción:

HTML | Etiqueta: la etiqueta <q> se usa para proporcionar pequeñas citas al contenido HTML, en este caso, el navegador simplemente pone una cita alrededor del contenido dentro de la etiqueta. Esta etiqueta también se conoce como cotización en línea, lo que significa que no se dividirá en la siguiente línea.

Sintaxis:

<q> name or something else </q>

Ejemplo: En este ejemplo, tenemos un párrafo y en ese estamos usando la etiqueta <q>.

  • Programa:

    <!DOCTYPE html>
    <html lang="en">
      
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" 
              content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
      
    <body>
      <b>GeeksforGeeks</b>
       <p>
         AComputer Science portal for geeks. 
         It contains well written, well thought 
         and well explained computer science and 
         programming articles, quizzes and many more, 
         created by <q>Sandeep Jain</q>
       </p>
    </body>
      
    </html>
  • Producción:

HTML | cite Tag: La etiqueta <cite> en HTML se utiliza para definir el título de una obra. La etiqueta en HTML4.1 define la cita y en HTML5 define el título del trabajo. Muestra el texto en cursiva.

Sintaxis:

<cite> Something you want </cite>

Ejemplo: En este ejemplo, usaremos la etiqueta <cite> dentro del párrafo.

  • Programa:

    <!DOCTYPE html>
    <html lang="en">
      
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
            content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
      
    <body>
    <b>GeeksforGeeks</b>
    <p>
        <cite>A Computer Science portal for geeks</cite>. 
        It contains well written, well thought 
        and well explained computer science and 
        programming articles, quizzes and many more, 
        created by <q>Sandeep Jain</q>
    </p>
    </body>
      
    </html>                    
  • Producción:

Publicación traducida automáticamente

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