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="http://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="http://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
Gracias por la visita y un saludo!!!
