HTML Encoder / Decoder

Form of HTML Encoding/Decoding

Enter html or text here to encode/decode:


Move to «Paste Code» for Save it

About online HTML encoder/decoder

What are HTML Entities?

The HTML character encoder converts all applicable characters to their corresponding HTML entities. Certain characters have special significance in HTML and should be converted to their correct HTML entities to preserve their meanings. For example, it is not possible to use the < character as it is used in the HTML syntax to create and close tags. It must be converted to its corresponding & lt; HTML entity to be displayed in the content of an HTML page. HTML entity names are case sensitive.

The following characters are reserved in HTML and must be replaced with their corresponding HTML entities:

  • " is replaced with &quot;
  • & is replaced with &amp;
  • < is replaced with &lt;
  • > is replaced with &gt;

About HTML encoder/decoder

The HTML Encoder Online / HTML Decoder Online tool was created to help with convert encode/decode html text.

How it Works?

Just paste your HTML or text to the form above and click to the button "Encode" or "Decode" and you will get your escaped/unescaped HTML.

Example of HTML encoding/decoding

Decoded:
<html>
    <head>
    <title>Your Title Here</title>
    </head>

    <body bgcolor="FFFFFF">
        <center><img src="wtools.jpg" align="bottom"> </center>
        <hr>
        <a href="http://wtools.io">Best Online Web Tools</a>is a link to another nifty site
        <h1>This is a Header</h1>
        <h2>This is a Medium Header</h2>
        Send me mail at <a href="mailto:support@example.com">support@example.com</a>.
        <p> This is a new paragraph!</p>
        <p> <b>This is a new paragraph!</b></p>
        <br> <b><i>This is a new sentence without a paragraph break, in bold italics.</i></b>
        <hr>
    </body>
</html>
Encoded:
&lt;html&gt;
    &lt;head&gt;
    &lt;title&gt;Your Title Here&lt;/title&gt;
    &lt;/head&gt;

    &lt;body bgcolor=&quot;FFFFFF&quot;&gt;
        &lt;center&gt;&lt;img src=&quot;wtools.jpg&quot; align=&quot;bottom&quot;&gt; &lt;/center&gt;
        &lt;hr&gt;
        &lt;a href=&quot;http://wtools.io&quot;&gt;Best Online Web Tools&lt;/a&gt;is a link to another nifty site
        &lt;h1&gt;This is a Header&lt;/h1&gt;
        &lt;h2&gt;This is a Medium Header&lt;/h2&gt;
        Send me mail at &lt;a href=&quot;mailto:support@example.com&quot;&gt;support@example.com&lt;/a&gt;.
        &lt;p&gt; This is a new paragraph!&lt;/p&gt;
        &lt;p&gt; &lt;b&gt;This is a new paragraph!&lt;/b&gt;&lt;/p&gt;
        &lt;br&gt; &lt;b&gt;&lt;i&gt;This is a new sentence without a paragraph break, in bold italics.&lt;/i&gt;&lt;/b&gt;
        &lt;hr&gt;
    &lt;/body&gt;
&lt;/html&gt;