How to Add a Short Quotation using HTML5 ?
In this article, we will define a short quotation by using an <q> tag. It is used to insert quotation texts on a web page, i.e. a portion of texts different from the normal texts.
Syntax:
<q> Quotation Text... </q>
Example 1:
<!DOCTYPE html> < html > < head > < title > Define a short quotation </ title > </ head > < body > < h3 >w3wiki</ h3 > < h3 > HTML5: How to define a short quotation? </ h3 > < p > The quick brown fox jumps over the lazy dog </ p > <!--Inside quotes--> < p >< q > The quick brown fox jumps over the lazy dog </ q ></ p > </ body > </ html > |
Output:
Example 2:
<!DOCTYPE html> < html > < head > < meta charset = "utf-8" > < title > How to define a short quotation </ title > </ head > < body > < h1 > w3wiki </ h1 > < h2 > Define a short quotation? </ h2 > < p > Einstein said < q >Truth is what stands the test of experience.</ q > </ p > </ body > </ html > |
Output:
Supported Browsers:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
Contact Us