HTML Source Code Checker / Viewer

HTML code viewer is a web design tool. If you don't know how to view a web page's source code, this source code viewer will let you examine the source code of any web page.

Tool Details and User Instructions

If you’re a student and learning how to code HTML, this is the best HTML code viewer tool to extract the HTML source of a webpage. In short, you can also call this tool a page snooping tool.

HTML is a hypertext system or markup/publishing language developed by WHATWG and W3C (World Wide Web Consortium). You should know about HTML if you are learning the basics of creating websites. Because it is the technology, that is rendered by a browser. You should start your web education journey with HTML. We are going to share some commonly used HTML tags below: 

– H1 to H6 are used to define headings.
– <b></b> and <strong></strong> are used to bold text.
– <u></u> is used to underline and <i></i> is used to render italic text.
– <ol><li></li></ol> is for rendering text as ordered list and <ul><li></li></ol> is for displaying unordered list.
– <hr> is used for a horizontal line, <p> tag is for paragraph break and <br> is for line break.
– <blockquote></blockquote> is for text indentation.
– <a href=”#”>Example</a> is for linking internal, external, media etc.
– <img src=”abc.png” /> is for rendering images.

The tool will also extract CSS and JavaScript when found. So we are going to discuss some important CSS properties.

– CSS display property specifies how to render HTML element? The values are none, inline, inline-block and block.
– Width & Height are used to determine the width and height in pixels (px), em, rem, % and auto.
– Margin and Padding are used to declare space between HTML tags. Paddings affect the inner section of a block and Margins affect the outer part of a block.
– Border to apply borders to elements.
– Floats are used for side by side configuration. The values are none, right and left.
– The color is used to apply the text color, and the background color is to color an element in the background.

How to Use HTML Viewer?

1.

  Enter a URL of a website in the text field given.

2.

  Click Submit to view the HTML code of the website after processing.

Tool Steps Snapshots

image 1
image 2
image 3
HTML Viewer 4