HTML project: Google search result


Partial screenshot image of HTML version google search result

  • Knowledge required: HTML only
  • Difficulty: Beginner friendly.
  • Estimate project completion time: 4 hours

Skill focus of the project

Some of the HTML skills that you will practice while doing this project are:

  1. Adding different types of text like headings, lists, and links to a website.
  2. Changing emphasis on text using bold and italics.
  3. Adding an image on a web page and image captions.

Main components of Google Search Result Webpage

You must include the following parts in your completed project:

  1. You must include a search bar on the top part of the Google search result page.
  2. You should the search results with a clickable link on each result.
  3. You should include a list of 10 links of related result at the bottom of the page.

The final project should look like this: full screenshot image of HTML version google search result View full size image

Bonus practice projects

  1. Create a HTML only Wikipedia page
  2. Create a HTML only Tribute Page
  3. Create a HTML only Youtube page
  4. Create a HTML only signup form

Example of Google search

author's bio photo

Hi there! I am Avic Ndugu.

I have published 100+ blog posts on HTML, CSS, Javascript, React and other related topics. When I am not writing, I enjoy reading, hiking and listening to podcasts.