Get Source Code of Webpage

Enter a URL

Image Verification *

About Get Source Code of Webpage

Want to know how to get the source code of any website in HTML? It's easier than you might think. Follow these simple steps and you'll have access to the HTML source code of any website in no time.

Right-click any part of the webpage.
To start, you'll want to locate any part of the webpage you'd like to view the source code for. Once you've found it, right-click with your mouse and a new window should open up. In this window select "view page source," which is usually located at the bottom of the list. This will open up a new window filled with HTML code!

Select “View Page Source”, “View Source”, or “Show Page Source” from the menu that appears.
Once you've clicked "view page source," a new window should open up with the HTML code that builds and visualizes the website. This is your source code! Take some time to explore how the website looks in HTML and try looking for familiar page elements such as text, images, form elements, etc. It's also a great way to find out what type of code is being used to build websites which can help you as you start developing your own pages.

A new window will open containing the website source code in HTML.
When you click "view page source" a new window, known as the "Developer Tools" window, will open up with all of the HTML code that defines how the website shows up visually. This is your source code! Take some time to explore how the website looks in HTML and try looking for familiar page elements such as text, images, forms, buttons, or any other components of the website. Additionally, it’s an excellent opportunity to figure out what type of code is being used to build web pages which can help you immensely when you start developing your own pages.

Familiarize yourself with HTML and its different elements such as headings, paragraphs, images, and links to understand how a website is constructed. 
Before diving into the source code of any website it’s important to have a basic understanding of HTML and its different components such as paragraphs, headings, images, links, etc. Familiarizing yourself with these elements can give you an insight into the structure of a website which can be invaluable knowledge when you start building your own. Moreover, it will help you identify various components that compose the source code which would make it easier for you to find what you are looking for while exploring the source code.

Inspect Elements Through Browser’s Developer Tools.
One of the most convenient ways to inspect the source code of a website is using your web browser’s Developer Tools. All you need to do is right-click on an element and choose ‘Inspect Element’ from the dropdown options. This will open up the source code in a side window which displays all the HTML, JavaScript and CSS elements used in that particular element. You could also use this side window to modify or add new elements and instantly see how it looks on the website.