All TalkersCode Topics

Follow TalkersCode On Social Media

devloprr.com - A Social Media Network for developers Join Now ➔

How To Display Double Quotes In HTML

Last Updated : Mar 11, 2024

How To Display Double Quotes In HTML

In this tutorial we will show you how to display double quotes in HTML, in HTML, most of developers come with a problem to display double quotes in html. Because as we know, like in php, JavaScript, etc.

Double quotes are used to represent strings and etc. So, no error occurs some ide’s and text editor or some browsers even don’t show the double quotes that you write in chartered line either in paragraph. Heading or in division also.

So, today we will display you that how you able to print double quotes in HTML.

Step By Step Guide On How To Display Double Quotes In HTML :-

As, there are many ways to display double quotes. You can use them in your lines and also use them alone to show.

Now, usually there are two types of double quotes. First one in left double quotes and second are right double quotes.

So, to represent them different codes are used in HTML file. The simplest way is to use hex code that are hexadecimal codes.

It consists of some alphabet, numeric number and special character but have length around six characters only. So, you can use them in html code file. Here, we will show you that how you can use them.

<!DOCTYPE html>
      <html>
        <head>
          <title> Title of the document<title>
        </head>
          <body>
    <p>
        here is the content "this is the content".
    </p>
    <h3>
        the left quotes are displayed by using “
        <br>
        where the right are by ”
    </h3>
    <div>
        this is " also a way to represent quotes.
    </div>
</body>
      </html>
  1. First, we write <! DOCTYPE html> which we used as an instruction to the web browser about what version of HTML file is written in.
  2. Secondly, the <html> tag is used to indicate the beginning of an HTML document.
  3. As above now <head> tag is used to contain information about web page. In this tag a <title> tag is used which helps us to specify a webpage title. Both <head> and <title> tags are Paired tags. So, both have </head> and </title> ending tags respectively.
  4. Thirdly, <body> tag is used to define the webpage body. All the contents to show on website are written here. Here, we make three different tags to show you double quotes.
  5. In first, we use simple double quotes to show you that your browser supports directly quotes or not.
  6. In second, we use hex codes in headings, first one is hex code of right quotes and the other is of left quotes. You can use these according to your choice.
  7. Now in last, we use simple codes to show you the double quotes without any face.
  8. At last, the <body> and <html> tags are closed with </body> and </html> respectively.

Conclusion :-

In conclusion, we can say that you are now able to display any type of double quote.

And one thing more that you don’t have to add any additional file to display these quotes.

You have to simply write these codes anywhere in the body tag and also in between any tag to show double quotes.

I hope this tutorial on how to display double quotes in HTML helps you.

Author Image About Anjali

Experienced Computer Programmer with a broad range of experience in technology. Strengths in application development and Object Oriented architecture design, front end programming, usability and multimedia technology. Expert in coding languages such as C, C++ Java, JavaScript, PHP and more.

Follow Anjali On Linkedin 🡪