Example 1: Web Scraping for News Headlines

In this example, we'll demonstrate how to use BeautifulSoupOnline.com to test web scraping selectors for extracting news headlines from a website.


  1. Visit the home.
  2. Paste the HTML code of the webpage containing the news headlines into the "Input HTML" field.
  3. Inspect the HTML structure of the webpage to identify the elements containing the news headlines.
  4. Enter CSS selectors in the "CSS Selector" field to target the news headline elements.
  5. Click the "Parse" button to see the extracted news headlines.


Let's say you want to scrape news headlines from a website whose HTML structure looks like this:

<div class="news">
    <h2 class="headline">Headline 1</h2>
    <h2 class="headline">Headline 2</h2>
    <h2 class="headline">Headline 3</h2>

You can use the CSS selector ".news .headline" to target these headline elements.

Now, paste the HTML code into the "Input HTML" field and enter ".news .headline" into the "CSS Selector" field on BeautifulSoupOnline.com. Click "Parse" to see the extracted news headlines.