HTML project: 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: 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

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.