Kidz Olympiad🎉

ICT Class 9 - Html Notes

Comprehensive study notes for Class 9 - Html olympiad preparation

HTML

Welcome to the chapter on HTML for Class 9. In this chapter, you will learn what HTML is, how to write basic HTML code, and how web pages are created. By the end of this chapter, you will be able to create simple web pages using HTML tags and understand the structure of a website.

Introduction to HTML

HTML stands for HyperText Markup Language. It is the standard language used to create web pages. HTML uses special codes called tags to tell the browser how to display text, images, links, and more.

Basic Structure of an HTML Page

Every HTML page has a basic structure: 

<!DOCTYPE html>
<html>
  <head>
    <title>My First Web Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first web page.</p>
  </body>
</html>
  • <!DOCTYPE html>: Tells the browser this is an HTML5 document.
  • <html>: The root element of the page.
  • <head>: Contains information about the page (like the title).
  • <body>: Contains the content that appears on the page.

Common HTML Tags

  • <h1> to <h6>: Headings (h1 is the biggest, h6 is the smallest)
  • <p>: Paragraph
  • <a>: Link
  • <img>: Image
  • <ul>, <ol>, <li>: Lists (unordered, ordered, list item)
  • <br>: Line break
  • <table>: Table

Creating a Simple Web Page

Here is an example of a simple HTML page: 

<!DOCTYPE html>
<html>
  <head>
    <title>About Me</title>
  </head>
  <body>
    <h1>My Name is Rahul</h1>
    <p>I am learning HTML.</p>
    <a href="https://www.example.com">Visit Example</a>
  </body>
</html>

Practice Questions

  1. What does HTML stand for?
  2. Write the HTML code to display "Welcome to My Website" as a heading.
  3. Which tag is used to add a picture to a web page?
  4. How do you create a link in HTML?
  5. What is the difference between <ul> and <ol>?

Challenge Yourself

  • Create a web page with your name, a short paragraph about yourself, and a list of your hobbies.
  • Add an image and a link to your favorite website.

Did You Know?

  • HTML was invented by Tim Berners-Lee in 1991.
  • All websites use HTML to display content.

Glossary

  • HTML: HyperText Markup Language, used to create web pages.
  • Tag: A code used in HTML to define elements on a page.
  • Element: A part of an HTML page, like a heading or paragraph.
  • Attribute: Extra information added to a tag (like src in <img>).

Answers to Practice Questions

  1. HyperText Markup Language
  2. <h1>Welcome to My Website</h1>
  3. <img>
  4. <a href="url">Link Text</a>
  5. <ul> creates an unordered (bulleted) list, <ol> creates an ordered (numbered) list.

Practice writing HTML code to build your own web pages and explore the world of web development!

Quick Navigation