filmov
tv
Tutorial básico de HTML desde cero - Video 7: Etiquetas para hacer citas.

Показать описание
En este video aprenderemos como añadir citas a nuestro texto y como colocarles el formato correcto
La primera etiqueta que aprenderemos es la etiqueta blockquoute
La etiqueta blockquoute se usa para colocar citas, así que vamos a usarla para ver cómo funciona
Primero colocamos la etiqueta blockquoute, y luego cerramos la etiqueta
Dentro de esta etiqueta necesitamos usar una etiqueta de párrafo, una etiqueta p
Debido a que vamos a colocar un conjunto de texto bastante amplio para ser una cita
Así que añadimos nuestra cita, que en este caso será
La libertad, Sancho, es uno de los más preciosos dones que a los hombres dieron los cielos; con ella no pueden igualarse los tesoros que encierran la tierra y el mar: por la libertad, así como por la honra, se puede y debe aventurar la vida.
Que es una cita de Miguel de Cervantes, de su obra el Quijote de la Mancha
Y ya tendríamos nuestra cita añadido, ahora vamos a guardar, regresar a nuestro navegador
Y al refrescar podrás ver que aparece ahora nuestra cita
Probablemente también notes que esta frase citada tiene una pequeña sangría, eso es debido a que este texto es una cita
Y no tiene el mismo margen que el texto o los párrafos normales
ahora aprenderemos como añadir la fuente de la cita dentro del código HTML
De esa forma podemos añadir el autor de la cita si lo deseamos
La referencia de la cita debe ser una URL
Así que vamos a colocarnos dentro de la etiqueta blocquoute y colocaremos el atributo cite, luego el símbolo igual y entre comillas la URL de donde hemos sacado la cita
De esta forma indicamos que esta cita proviene de esta dirección
Ahora guardamos y regresamos a nuestro navegador, y al refrescar el navegador podrás ver que en realidad nada ha cambiado
Pero semánticamente, en el código de nuestra página, tenemos la referencia para esta cita
Y si lo deseas puedes mostrar la referencia usando CSS, pero es algo que veremos en el curso de CSS, después de terminar con HTML
Комментарии