In this tutorial we learn about HTML Scraping. Websites are written using HTML, which means each web page is a structured document. Sometimes, it would be great to obtain some data from them and preserve the structure while we’re at it.
There are 3 types of HTML Scraping, which is declared the method of how to scrape data through HTML.
- Using Chrome Extension
- Using Manual Selector
- Using Chrome Developer Mode
Let us know through this web scraping example, how to do online html scraping using chrome extension:
Using Chrome Extension
- Go to Html source URL or Web Page
- Now using extension we can create new field by click on
- Click on CSS selector and then a click on the web page field which you want to extract
Now save this scraping agent and get these data in managed form of table as given in screenshot below :
HTML scraping example through manual css selector:
Using Manual Selector
Go to HTML source URL or Web Page
Now using extension we can create new field by click on
We write the CSS selector manually by the help of the html code of this web page
Now save this scraping agent then we can show these data in managed form of table given in screenshot where field name is
Using Chrome Developer Mode
Visit the HTML Source URL or Web Page
Now using the extension we can create a new field by click on the
Here, we write the CSS selector using
Right click on the text which you want to select (eg Product A) and to generate the “CSS Selector” and inspect it
And go to the copy and copy selector for the particular field, and we need to create selector to extract all fields
Now we got the selector which is working for all the fields that are extracted in the screenshot.