Use of blockquote, q and cite tags in HTML - GeeksforGeeks

25 May, 2020
HTML | blockquote Tag: The <blockquote> tag in HTML is used to display the long quotations (a section that is quoted from another source). It changes the alignment to make it unique from others. It contains both opening and closing tags.
Syntax:
<blockquote>
        <p>The quote is input here.</p>
</blockquote>
Example: In this example, we will use <blockquote> inside the paragraph.
Program:<!DOCTYPE html><html lang="en">  <head>    <meta charset="UTF-8">    <meta name="viewport"        content="width=device-width, initial-scale=1.0">    <title>Document</title></head>  <body><b>GeeksforGeeks</b><blockquote>    <p>AComputer Science portal for geeks.     It contains well written, well thought     and well explained computer science and     programming articles, quizzes and many more,     created by <q>Sandeep Jain</q></p></blockquote></body>  </html>                    
<!DOCTYPE html><html lang="en">  <head>    <meta charset="UTF-8">    <meta name="viewport"        content="width=device-width, initial-scale=1.0">    <title>Document</title></head>  <body><b>GeeksforGeeks</b><blockquote>    <p>AComputer Science portal for geeks.     It contains well written, well thought     and well explained computer science and     programming articles, quizzes and many more,     created by <q>Sandeep Jain</q></p></blockquote></body>  </html>                    
Output:
HTML |  Tag: The <q> tag is used to provide small quotations to the HTML content, in this case, the browser simply puts a quotation around the content inside the  tag. This tag is also known as inline quotation which means it will not break to the next line.
Syntax:
<q> name or something else </q>
Example: In this example, we have one paragraph and in that, we are using <q> tag.
Program:<!DOCTYPE html><html lang="en">  <head>    <meta charset="UTF-8">    <meta name="viewport"           content="width=device-width, initial-scale=1.0">    <title>Document</title></head>  <body>  <b>GeeksforGeeks</b>   <p>     AComputer Science portal for geeks.      It contains well written, well thought      and well explained computer science and      programming articles, quizzes and many more,      created by <q>Sandeep Jain</q>   </p></body>  </html>
<!DOCTYPE html><html lang="en">  <head>    <meta charset="UTF-8">    <meta name="viewport"           content="width=device-width, initial-scale=1.0">    <title>Document</title></head>  <body>  <b>GeeksforGeeks</b>   <p>     AComputer Science portal for geeks.      It contains well written, well thought      and well explained computer science and      programming articles, quizzes and many more,      created by <q>Sandeep Jain</q>   </p></body>  </html>
Output:
HTML | cite Tag: The <cite> tag in HTML is used to define the title of a work. The tag in HTML4.1 define the citation and in HTML5 define the title of work. It displays the text in italic format.
Syntax:
<cite> Something you want </cite>
Example: In this example, we will use <cite> tag inside the paragraph.
Program:<!DOCTYPE html><html lang="en">  <head>    <meta charset="UTF-8">    <meta name="viewport"        content="width=device-width, initial-scale=1.0">    <title>Document</title></head>  <body><b>GeeksforGeeks</b><p>    <cite>A Computer Science portal for geeks</cite>.     It contains well written, well thought     and well explained computer science and     programming articles, quizzes and many more,     created by <q>Sandeep Jain</q></p></body>  </html>                    
<!DOCTYPE html><html lang="en">  <head>    <meta charset="UTF-8">    <meta name="viewport"        content="width=device-width, initial-scale=1.0">    <title>Document</title></head>  <body><b>GeeksforGeeks</b><p>    <cite>A Computer Science portal for geeks</cite>.     It contains well written, well thought     and well explained computer science and     programming articles, quizzes and many more,     created by <q>Sandeep Jain</q></p></body>  </html>                    
Output:
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.
HTML-Tags
Picked
HTML
Web Technologies
Web technologies Questions
Write From Home
HTML
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
How to update Node.js and NPM to next version ?
REST API (Introduction)
How to Insert Form Data into Database using PHP ?
CSS to put icon inside an input element in a form
Types of CSS (Cascading Style Sheet)
Remove elements from a JavaScript Array
Installation of Node.js on Linux
Convert a string to an integer in JavaScript
How to fetch data from an API in ReactJS ?
Difference between var, let and const keywords in JavaScript