Studyfin Studyfin ✨ Sign up free

Web pages with HTML

Grade 6 · Coding · Free lesson

Hi there! I am Studyfin, your coding buddy. Today, we will learn how to use HTML to share important information with the world!

Every website you visit uses HTML. It stands for HyperText Markup Language. It is the skeleton that holds all the text, pictures, and data on a web page.

woman

HTML uses tags to display information. Tags are code words inside angled brackets. For example, the h1 tag makes a big, bold heading that grabs attention.

<h1> Hello! </h1> Your browser displays this as: Hello!

To share data with an audience, we use digital tools to arrange our layout. We can use paragraph tags for details and list tags to group facts in an easy-to-read way.

<ul> (List Tag)
✏️ Worked example

Imagine you are explaining your school science project about recycling to your class. How can you use HTML tags to display this data clearly for your audience?

  1. First, plan what your audience needs to see. You need a main title, a short paragraph, and a list of key facts.
  2. Next, write the main title. Code it using the h1 tag: <h1>Recycling Project</h1>. This tells the browser to make the title large and bold.
  3. Then, write a paragraph to explain your goal. Use the p tag: <p>We want to reduce plastic waste in our school cafeteria.</p>.
  4. Now, organize your facts into a neat bulleted list. Start with the ul tag for an unordered list.
  5. Inside the list, use li tags for each item. For example: <li>We collected 50 bottles</li> and <li>We set up 3 new bins</li>.
  6. Finally, close your list with the closing ul tag. Now, your browser will display a clean, easy-to-read page for your classmates!
books
Want the full interactive lesson — quiz, animations, and Finn cheering them on?

More Coding lessons