Scribd
Upload
17 views7 pages

Introduction To HTML Lesson

This document outlines a lesson on HTML for a Coding & Robotics Club, focusing on its definition, structure, and practical application in web development. Students will learn to create a basic HTML document, structure a web page, and complete hands-on activities to enhance their understanding. An assignment is included, requiring students to create a personal webpage featuring their introduction and hobbies.

Uploaded by

officialmelvinc
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
17 views7 pages

Introduction To HTML Lesson

This document outlines a lesson on HTML for a Coding & Robotics Club, focusing on its definition, structure, and practical application in web development. Students will learn to create a basic HTML document, structure a web page, and complete hands-on activities to enhance their understanding. An assignment is included, requiring students to create a personal webpage featuring their introduction and hobbies.

Uploaded by

officialmelvinc
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

Introduction to HTML

Coding & Robotics Club


Lesson Objectives
• By the end of this lesson, students will be able
to:
• - Understand what HTML is and its role in web
development.
• - Create a basic HTML document using tags
and elements.
• - Structure a simple web page with a title,
headings, and paragraphs.
Introduction
• What is HTML?
• - HTML stands for HyperText Markup
Language.
• - It is used to structure and display content on
the web.
• - Websites are built using HTML, which
browsers read and render.
Basic HTML Document Structure
• <!DOCTYPE html>
• <html>
• <head>
• <title>My First Web Page</title>
• </head>
• <body>
• <h1>Welcome to HTML!</h1>
• <p>This is a paragraph of text.</p>
• </body>
• </html>
Hands-On Activity 1: Creating a Web Page

• Steps:
• 1. Open Notepad, VSCode or TextEdit.
• 2. Type the provided HTML structure.
• 3. Save the file as '[Link]'.
• 4. Open the file in a web browser to view your
webpage.
Hands-On Activity 2: Adding More Elements

• Extend the webpage by adding:


• <h2>About HTML</h2>
• <p>HTML stands for HyperText Markup
Language.</p>
• <ul>
• <li>It uses tags.</li>
• <li>It's easy to learn.</li>
• </ul>
Assignment Project: My Personal Web Page

• Task:
• - Create a webpage about yourself that includes:
• 1. A title (e.g., 'About Me').
• 2. A heading with your name.
• 3. A paragraph introducing yourself.
• 4. A list of your hobbies.
• - Save the file as 'about_me.html' and submit it.

You might also like