Etiqueta <BLOCKQUOTE>

La etiqueta <blockquote>, permite realizar la inserción de un texto, el cual visualmente en el navegador se realiza sangría a la izquierda sobre el mismo, mientras que semánticamente se puede utilizar para realizar una distinción sobre un texto al que se quiere hacer referencia.



Por cada etiqueta <blockquote>, anidadas una dentro de la otra, se realiza un nuevo sangrado sobre el texto insertado en el documento.

La sintaxis de la etiqueta es la siguiente.

<blockquote cite=”URL”>Texto al que referenciar y sangrar</blockquote>

Los atributos de la etiqueta son los siguientes:

cite

El atributo permite especificar como valor, una URL o dirección de internet, de la cual se ha extraído, consultado o simplemente se quiere hacer referencia al texto insertado en el documento. La URL, puede ser absoluta o relativa.

El siguiente ejemplo muestra el uso de la etiqueta en el documento web.

<!DOCTYPE HTML>
<html>
<head>
  <title>Ejercicios prácticos HTML5</title>
  <meta charset="utf-8">
  <meta name="author" content="José Sáez">
  <meta name="description" content="Ejercicios prácticos HTML5">
  <meta name="generator" content="Ejercicios prácticos HTML5">
  <meta name="keywords" content="Ejercicios, Soluciones, Prácticas, HTML5">
</head>
<body>
<p>Frases celebres</p>
<blockquote cite="https://www.aprendoencasa.com">
    <p>Me lo contaron y lo olvidé; lo vi y lo entendí; lo hice y lo aprendí. <cite>Confucio</cite></p>

</blockquote>
<blockquote>
    <blockquote cite="https://www.aprendoencasa.com">
        <p>Yo no enseño a mis alumnos, solo les proporciono las condiciones en las que puedan aprender. <cite>Albert Einstein</cite></p>
    </blockquote>
</blockquote>
</body>
</html>

El resultado del ejercicio anterior en el navegador ha de ser similar al que se muestra a continuación.

Ejercicios HTML5 - Etiqueta BLOCKQUOTE

Ejercicios HTML5 – Etiqueta BLOCKQUOTE

Gracias por la visita y un saludo!!!