# data[].attributes.body
Essential Question: 'How do websites actually work?'<br>Class discussion about students' favorite websites and what elements they notice on these pages.

# data[].attributes.body
By the end of this lesson, students will be able to:
• Understand the fundamentals of HTML and its role in web development
• Analyze HTML code and identify common syntax errors
• Create a basic 'About Me' webpage using HTML

# data[].attributes.body
Students can:
• Explain what HTML stands for and its purpose
• Identify basic HTML tags and their functions
• Write syntactically correct HTML code
• Create a simple webpage with paragraphs and headings

# data[].attributes.body
a)    Key Question(s) to be answered in this activity:

What is HTML?

How is the basic syntax of an HTML document?

b)    strategy to be used: Teacher-led demonstration (with a video) followed by student practice.

c)     Description of the teaching-learning process:

Showing the students, the YouTube video linked above for them to be introduced to the concept.

Going through the video part by part, so for example finishing the first 1 minute of it, pausing, rephrasing or repeating if needed, and then continuing. And when the video is done, going through a discussion by firstly asking students what they know now, after the video they just watched, about web development and HTML.

After checking for understanding: Ensuring they get as creative as possible and increasing their excitement for the next activity by asking open ended questions like “How do you think colors are going to be added?”

# data[].attributes.body
Title; Implementing

a)    Strategy to be used : individual with teacher instructions

b)    Key Question(s) to be answered in this activity:

How to type a code in HTML?

What is the role of a text editor?

c)     Description of the teaching-learning process:

The teacher present the website W3schools which I included above, He skips the introduction that they already did and get to the editor phase.

He acquire students to open the editor on their laptops and follow the instructions he’s explaining.

And finally making them open the file to see how what they typed looked like in a browser.

# data[].attributes.body
Students begin creating their 'About Me' page using the HTML elements learned. Advanced students can explore additional tags like , , and
.

# data[].attributes.attachment_link.readable_text
Easy Learning with HTML "Try it Yourself"

With our "Try it Yourself" editor, you can edit the HTML code and view the result:
Click on the "Try it Yourself" button to see how it works.
HTML Examples

In this HTML tutorial, you will find more than 200 examples. With our online "Try it Yourself" editor, you can edit and test each example yourself!
Go to HTML Examples!
HTML Exercises

This HTML tutorial also contains nearly 100 HTML exercises.

HTML Quiz Test

Test your HTML skills with our HTML Quiz!
Start HTML Quiz!
My Learning

Track your progress with the free "My Learning" program here at W3Schools.

Log in to your account, and start earning points!

This is an optional feature. You can study W3Schools without using My Learning.

HTML References

At W3Schools you will find complete references about HTML elements, attributes, events, color names, entities, character-sets, URL encoding, language codes, HTTP messages, browser support, and more:

Kickstart your career

Get certified by completing the course

# data[].attributes.attachment_link.description
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

# data[].attributes.body
For students who finish early:
• Add more HTML elements to their page
• Help peers as HTML 'experts'
• Explore basic text styling with inline CSS

# data[].attributes.body
Students use this checklist to self-assess their code:
✓ Correct HTML structure
✓ Proper opening/closing tags
✓ At least one heading
✓ At least two paragraphs
✓ No syntax errors

# data[].attributes.body
Students submit through Padlet:
1. One thing they learned about HTML
2. One challenge they faced
3. One question they still have

# data[].attributes.body
The teachers ends with a little recap by asking brief questions and making sure all students can answer it correctly, and he makes a little discussion on open ended questions like “how do you think we can add fonts and colors to what we did?”  and ending the session by not giving an answer but saying:

“we’ll know more about implementing colors and styles in the next session”

# data[].attributes.body
Finish your 'About Me' page including:
• A main heading
• At least 3 paragraphs
• A list of your hobbies
Submit your code through the class platform.

(students are allowed to use things that hadn’t been taught yet in this session, but this is only for their own knowledge and will not give them bonus grades)

# data[].attributes.attachment_link.title
HTML-CSS Exercises - HTML-CSS - The freeCodeCamp Forum

# data[].attributes.attachment_link.description
So I recently decided I’m going to learn to code with the aim of quitting my 9-5 and becoming a full time remote web developer (or similar). Anyway I was working through the HTML and CSS introductory exercises today. There is a lot to take in and I was wondering if there are any practice exercises that I can work on? You know, like something where it shows me a page I need to create using the things I learnt and I have to try create it with no help other than being able to look back at the not…

# data[].attributes.body
Grouping the class into teams of 3 or 4 and making them solve a kahoot quiz on the basic knowledge they discovered in this activity, and the winner team gets to dare the looser team to do something (with respect to the boundaries under the teacher’s supervision)

# data[].attributes.body
Checking for understanding:

The teacher makes a short quiz:

He turns off the displayed screen, and the students are required to create a new HTML file and include whatever they want in it (based only on the little knowledge they got in the activity) and submitting the files to the teacher. (These are basics so they’re so easy to review). Students who finish first can go help other students who are struggling.