Imagina que en tu página web tienes que citar una frase o párrafo de alguna persona famosa. Para esto tienes las etiquetas <blockquote>, <cite> y <q> cuyo uso te lo voy a detallar a continuación:

👉 <blockquote>

Generalmente se utiliza esta etiqueta cuando lo que tienes que citar es un párrafo. El texto que se encuentre dentro de esta etiqueta se va a mostrar con una sangría dentro de la página HTML. Su uso es de la siguiente manera:

<blockquote cite="https://proverbia.net/autor/frases-de-albert-einstein">¿Por qué esta magnífica tecnología científica, que ahorra trabajo y nos hace la vida mas fácil, nos aporta tan poca felicidad? La repuesta es está, simplemente: porque aún no hemos aprendido a usarla con tino.</blockquote>

Fíjate que la etiqueta blockquote puede tener un atributo cite, el mismo que contendrá la dirección web de la página de donde has encontrado la cita. Hay que tomar en cuenta que este atributo no es lo mismo que la etiqueta <cite> y que veremos a continuación:

👉 <cite>

Dentro de esta etiqueta pondremos el autor de la cita. Generalmente la etiqueta cite acompaña a la etiqueta blockquote. Dentro de la página HTML, el contenido dentro de esta etiqueta se muestra en cursiva:

<cite>Albert Einstein</cite>

👉 <q>

Finalmente la etiqueta <q> nos permite citar frases cortas que generalmente no llevan más de dos líneas. Este contenido se muestra entre comillas dentro de la página web.

<p>Albert Einstein también dijo: <q>Cada día sabemos más y entendemos menos</q></p>

¿Te gustaría ver esta explicación en video? mira aquí:

👇👇👇

Acerca de esta serie…

Esta es una serie de artículos donde iré explicando cada una de las etiquetas que contiene HTML. Si quieres ver la siguiente etiqueta te recomiendo hacer clic aquí. Y si no tienes claro que es HTML aún te recomiendo ver este blog aquí.

Sígueme en mis redes sociales:

👉‍‍ YouTube
👉‍‍ Twitter
👉‍‍ GitHub
👉‍‍TikTok