How to Display HTML Tags on Web Pages

Save

When you look at a web page in a web browser, you don't see the actual HTML code on the page itself. This is because the browser parses the code so that it can be rendered in a pleasing design and layout for the viewer. If you want to display actual HTML code on a page however, maybe to give readers an example for tutorial purposes, you'll find that you can't just type the HTML code into place because the browser will change it for viewing.


To view actual HTML code on a web page, you must put it into place using HTML character codes or ASCII HTML number codes.

Things You'll Need

  • HTML or ASCII codes list
  • Basic HTML knowledge
  • Text editor
  • Save your HTML web page onto your local hard drive by visiting the web page with an Internet web browser such as Firefox or Internet Explorer, then click the \"File\" menu at the top of the page and select \"Save File As...\" Name the saved file whatever you'd like and be sure it has the file extension of either \".htm\" or \".html\"

  • Open your web page file in any text editor such as Windows Notepad, Notepad++ or NoteTab. Click the \"File\" menu, select \"Open...\", navigate to the location on your hard drive where you saved the web page file, click it, then click the \"Open\" button.

  • View the open web page in a text editor to see the raw HTML code of the web page. Scroll to the area of the page you'd like to insert HTML code that will display online and begin entering the special characters needed.

    Example: If you want to show an HTML hyperlink code on your page, it normally looks like this:
    <a href=\"http://www.link.com\&quot;>Hyperlink&lt;/a>

    Since the web browser will change that automatically though, you must replace the less than and greater than signs with HTML characters instead.

    <a href=\"http://www.link.com\&quot;>Hyperlink&lt;/a&amp;gt
    GO

    < creates the less than (<) symbol

    creates the greater than (>) symbol

  • Save the web page file with a different name so it will be easy to roll back to your originally working version if you made any mistakes, then view the web page in your web browser. You should now see the actual HTML code in place of the special characters you put on the page.

References

Promoted By Zergnet

Comments

You May Also Like

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!