How do you add quotation marks in HTML?

Hello Friends, In this blog post(How do you add quotation marks in HTML), I am going to explain HTML quotations and citations.

Within this blog(How do you add quotation marks in HTML), we will explore How do you add quotation marks in HTML? What is a quotation in HTML? How do I display single quotes in HTML? How do you make a block quote in HTML? How TO display double quotes in HTML

First of all, you should know what is HTML quotation and HTML citation.| How do you add quotation marks in HTML?

You would have heard about single quotes(‘ ‘) and double quotes(” “). These are the quotation marks, when we keep any sentence or paragraph inside these quotation marks then it is considered a quotation|How do you add quotation marks in HTML|


Where do we use these HTML quotation marks?| How do you add quotation marks in HTML?

Generally, we use these quotation marks to express the words said by others in our writing, for example,

Merry said “She is learning HTML” If we want to write this without quotes then we will write this like this:

Merry said that she was learning HTML. These were examples of direct and indirect speech. So quotation mark is used in the case of direct speech|How do you add quotation marks in HTML|

We also use quotation marks to represent any special name or any other important sentence that has to draw some extra attention.

Citation is used to define the title of the work.

We will explain to you all the elements that are used to quote the sentences and citations. See the below example for the same.


HTML <q> for Short HTML Quotations:

This element is used to get a short quotation, the browser adds the quotation mark to the text which is written between <q> and </q>. See the below example for the same.

[code]
<p>The goal of education is to: <q>make people understand their rights and duties.</q></p>
[/code]


HTML <blockquote> for HTML Quotations:

This element is used to define a section that is quoted from another source. See the below example for the same. A browser usually indents <blockquote> elements means they leave some space before and after the quotation.

[code]<p>Here is a quote from a5theory website:</p>
<blockquote cite=”https://a5theory.com/aws-ses-complete-guide-to-setup/”>
There is nothing like this, this is just a name given by them to their service. AWS provides some additional services with this like SNS for spam and bounce configuration etc…… so they just would have given this name. do not confuse this name.
</blockquote>
[/code]


HTML <abbr> for Abbreviations:

This element is used to provide the abbreviation or acronym for the specific word or sentence. This abbreviation gives an idea to the browsers, translation systems, and all search engines to display information about any word or sentence. See the below example for the same.

[code]
<!DOCTYPE html>
<html>
<body>

<p>The <abbr title=”A5theory”>WHO</abbr> was founded in 2017.</p>

<p>Marking up abbreviations can give useful information to browsers, translation systems, and search engines.</p>

</body>
</html>[/code]


HTML <address> for Contact Information:

This element is used to display the contact information of(the author/owner) of a document or an article. Usually, they are displayed in italics and most browsers leave a line break before and after the address. See the below example for the same.

[code]
<address>
Written by Jen lee.<br>
Visit us at:<br>
A5theory.com<br>
United states<br>
USA
</address>[/code]

HTML <cite> for Work Title:

This element is used to display the title and it is usually displayed in italics. See the below example for the same.

[code]
<p><cite>The A5theory</cite> by Anurag Tiwari. Developed in 2017.</p>
[/code]


HTML <bdo> for Bi-Directional Override:

This element is used to define the bi-directional override and used to override the current text direction. See the below example for the same.

[code]
<!DOCTYPE html>
<html>
<body>

<p>If your browser supports bi-directional override (Bdo), the next line will be written from right to left (RTL):</p>

<bdo dir=”RTL”>This line will be written from right to left</bdo>

</body>
</html>
[/code]


Conclusion:

We have learned how to use quotation and citation marks in HTML, we have gone through How to add quotation marks in HTML. What is a quotation in HTML? How do I display single quotes in HTML? How do you make a block quote in HTML? How TO display double quotes in HTML|How do you add quotation marks in HTML|

In case of any queries, you can write to us at a5theorys@gmail.com we will get back to you ASAP.

Hope! you would have enjoyed this post-HTML Quotation and HTML Citation: How do you add quotation marks in HTML?

Please feel free to give your important feedback in the comment section below|How do you add quotation marks in HTML|

Have a great time! Sayonara!

Anurag

I am a blogger by passion, a software engineer by profession, a singer by consideration and rest of things that I do is for my destination.