IconIcon

Friday 17 January 2014

How to debug your html webpage easily

If you have knowledge of HTML then this tutorial is for you.

Today we will discuss easiest way to debug your webpage.

First create your web page. Then open that webpage html file with any web browser.



I will recommend using firefox. Firefox makes easy to debug your html web page.

Step1:-- Open your HTML file in firefox.

Step2:-- Now right click on webpage.

techntips.net

Step3:-- Click on- Inspect Element.
 
Step4:--  Now a small window will open in bottom of firefox.

techntips.net
Step 5:-- Now click on an arrow in above of that window.


 Step6:-- Now Click on area you want to debug on your webpage.

Step7:-- After click you will see that below window will automatically highlight
                HTML code for that item.

Step8:-- Find that code in your html file and edit that.

GOOD LUCK.

Please support us. Share our articles.

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...