HTMLmarkup~15 mins

Opening and closing tags in HTML - Mini Project: Build & Apply

Choose your learning style9 modes available

Learn Why Deep Render Try Challenge Project Recall Perf

Understanding Opening and Closing Tags in HTML

📖 Scenario: You are creating a simple webpage to introduce yourself. To do this, you need to use HTML tags properly. HTML tags come in pairs: an opening tag and a closing tag. This helps the browser know where content starts and ends.

🎯 Goal: Build a basic HTML page with a heading and a paragraph using correct opening and closing tags.

📋 What You'll Learn

Use the <h1> tag pair for the main heading.

Use the <p> tag pair for a paragraph.

Include the basic HTML5 document structure with <!DOCTYPE html>, <html>, <head>, and <body> tags.

💡 Why This Matters

🌍 Real World

Every webpage on the internet uses opening and closing tags to organize content so browsers can display it correctly.

💼 Career

Understanding how to write proper HTML tags is a fundamental skill for web developers, designers, and anyone working with web content.

Progress0 / 4 steps

Create the basic HTML structure

Write the basic HTML5 document structure with <!DOCTYPE html>, <html lang="en">, <head> containing a <meta charset="UTF-8"> tag, and an empty <body> tag.

HTML

Need a hint?

Remember to start with <!DOCTYPE html> and include <html lang="en"> to set the language.

Add a main heading with opening and closing tags

Inside the <body> tag, add a main heading using the <h1> opening tag and the </h1> closing tag with the text Welcome to My Page.

HTML




    
    My Introduction

Need a hint?

Use both the opening <h1> and closing </h1> tags around your heading text.

Add a paragraph with opening and closing tags

Below the heading inside the <body> tag, add a paragraph using the <p> opening tag and the </p> closing tag with the text This is my first webpage..

HTML




    
    My Introduction


    Welcome to My Page

Need a hint?

Remember to use both the opening <p> and closing </p> tags around your paragraph text.

Add a title inside the head tag

Inside the <head> tag, add a <title> opening tag and a </title> closing tag with the text My Introduction.

HTML




    
    


    Welcome to My Page
    This is my first webpage.

Need a hint?

The <title> tag goes inside the <head> section and needs both opening and closing tags.