HTML project: Google search result

Partial screenshot image of HTML version google search result

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.