In this tutorial, we will learn about HTML Quotation. The HTML Quotation tag is used to show quotation text in the webpage. We usually use HTML Quotation to make this text different from the rest of the content. Here is a list of some tags which we used to add quoted text in the webpage.
Page Contents
- <q>
- <blockqoute>
- <abbr>
- <address>
- <cite>
- <bdo>
Now you will learn about each tag from the above list.
<q> tag:
This tag is used to show text inside the double-quotes.
<p><q>Everything comes to him who hustles while he waits."</q>― Thomas Edison</p>
Output:
"Everything comes to him who hustles while he waits."― Thomas Edison
<blockqoute> tag:
The blockquote tag is used to add quotations in a web page. blockquote doesn’t add quotes around text it changes the alignment of text.
<p>www.owlbuddy.com</p>
<blockquote>
Welcome to owlbuddy.com
</blockquote>
Output:
www.owlbuddy.com
Welcome to owlbuddy.com
<abbr> tag:
Here abbr stands for abbreviation. This tag is used to show abbreviation on the web page. Check out the following example code.
<abbr title="Hyper Text Markup Language">HTML</abbr> is used for Web Designing.
Output:
HTML is used for Web Designing.
<address> tag:
The address tag is used to show contact information is web-page such as a physical address, email address, URL, phone number etc. check out the following example code to understand it.
<address>
David Williams<br>
London City<br>
United Kingdom
</address>
Output:
David WilliamsLondon City
United Kingdom
Parvesh Sandila is a results-driven tech professional with 8+ years of experience in web and mobile development, leadership, and emerging technologies.
After completing his Master’s in Computer Applications (MCA), he began his journey as a programming mentor, guiding 100+ students and helping them build strong foundations in coding. In 2019, he founded Owlbuddy.com, a platform dedicated to providing free, high-quality programming tutorials for aspiring developers.
He then transitioned into a full-time programmer, where his hands-on expertise and problem-solving skills led him to grow into a Team Lead and Technical Project Manager, successfully delivering scalable web and mobile solutions. Today, he works with advanced technologies such as AI systems, RAG architectures, and modern digital solutions, while also collaborating through a strategic partnership with Technobae (UK) to build next-generation products.