Los elementos de cita en HTML se utilizan para insertar textos citados en una página web, es decir, una porción de texto diferente de los textos normales en la página web. A continuación se muestran algunos de los elementos de cita más utilizados de HTML:
- Elemento <q>: El elemento <q> se utiliza para establecer un conjunto de texto dentro de las comillas. Tiene etiquetas de apertura y cierre.
Ejemplo :
HTML
<!DOCTYPE html> <html> <head> <title>Quotations</title> </head> <body> <h3>GeeksforGeeks</h3> <p>The quick brown fox jumps over the lazy dog<br></p> <!--Inside quotes--> <p><q>The quick brown fox jumps over the lazy dog</q></p> </body> </html>
Salida :
2. Elemento <blockquote>: El elemento <blockquote> también se usa para citas de una manera diferente. En lugar de poner el texto entre comillas, agrega un espacio antes del inicio de la oración, con esta etiqueta también podemos sangrar el inicio del nuevo párrafo. Tiene etiquetas de apertura y cierre.
Ejemplo :
HTML
<!DOCTYPE html> <html> <head> <title>Blockquote</title> </head> <body> <h3>GeeksforGeeks</h3> <p>The quick brown fox jumps over the lazy dog<br></p> <!--Inside blockquotes--> <p><blockquote>The quick brown fox jumps over the lazy dog</blockquote></p> </body> </html>
Salida :
3. Elemento <dirección>: Usando el elemento <dirección>, podemos definir una dirección en una página web y se enfatizará el texto colocado dentro de la etiqueta de dirección. Por lo general, el salto de línea se agrega antes y después de la etiqueta de dirección y el contenido dentro de esta etiqueta generalmente se representa en formato cursiva. También ayuda al lector de pantalla. Tiene etiquetas de apertura y cierre.
Ejemplo :
HTML
<!DOCTYPE html> <html> <head> <title>Address</title> </head> <body> <h3>GeeksforGeeks</h3> <address> <p>Address:<br> 710-B, Advant Navis Business Park,<br> Sector-142, Noida Uttar Pradesh – 201305</p> </address> </body> </html>
Salida :
4. Elemento <abbr>: El elemento <abbr> se utiliza para definir un texto como siglas o abreviaturas. El atributo de título se puede usar para mostrar la versión completa de la abreviatura/acrónimo cuando pasa el mouse sobre el elemento <abbr>. Tiene etiquetas de apertura y cierre. Esto es útil para navegadores y motores de búsqueda.
Ejemplo :
HTML
<!DOCTYPE html> <html> <head> <title>Abbreviations</title> </head> <body> <h3>GeeksforGeeks</h3> <!--Here the marked text is the acronym--> <p>Welcome to <abbr title="GeeksforGeeks">GfG</abbr></p> </body> </html>
Producción:
5. Elemento <bdo>: El elemento <bdo> se utiliza para definir una anulación bidireccional, lo que significa que el texto se escribe de derecha a izquierda o de izquierda a derecha. Tiene etiquetas de apertura y cierre. Se utiliza para anular la dirección del texto actual. Se necesita un atributo «rtl» para mostrar el texto de derecha a izquierda.
Ejemplo :
HTML
<!DOCTYPE html> <html> <head> <title>Bidirectional</title> </head> <body> <h3>GeeksforGeeks</h3> <!--Normal text--> <p>The quick brown fox jumps over the lazy dog<br></p> <!--Inside <bdo> tag--> <p><bdo dir="rtl">The quick brown fox jumps over the lazy dog</bdo></p> </body> </html>
Salida :
6. Elemento <cite>: Este elemento se utiliza para definir un título de una obra y enfatiza un texto.
Ejemplo :
HTML
<!DOCTYPE html> <html> <head> <title>Cite</title> </head> <body> <h3>GeeksforGeeks</h3> <!--The title is kept in cite tag--> <p>The <cite>GeeksforGeeks</cite> is the best site to<br> to search for articles and practice problems.</p> </body> </html>
Salida :
Navegador compatible:
- Google Chrome
- Borde de Microsoft
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por Chinmoy Lenka y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA