Next is RECAP
In this video, we recap the progress made in our HTML training. From creating the HTML structure to adding content such as headlines (<h1> to <h6>) and paragraphs, we’ve covered the basics of building a webpage. Join us as we continue our journey to mastering HTML—one step at a time!
Ready to Level Up Your Skills?
Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!
Enroll Now for Free!Getting Started with HTML Training
Join my mom as I teach her the basics of HTML. In this ground breaking course.
Starting to do HTML
In this first video we will start talking about file formats, browsers and even see a few file types in HTML.
How to pick an HTML Editor
There are a lot of HTML editors out there so how will you pick the right on for you?
Creating Our First Tag
The most basic building block in HTML is the Tags. we will create one tag of our own. In this video we will create our first simple tag.
HTML, HEAD and BODY Tags
Every HTML page has a few tags you got to have that without them its not an HTML page. In this video we will learn about the HTML tag, the Head and the Body Tags.
Putting Content In Our Body
Now that we have a legal HTML structure its time for us to add our first content into our legal built HTML file.
Creating a Page Title
Adding a TITLE to the page. In this video we will add a title into the HEAD area of the page. We will then talk about what the TITLE is and where we can see it.
Creating Headlines: Tags H1 Through H6
It's time for us to explore and learn a few more tags. The tags we will be creating next are the headline tags. By the end of this video you will know 6 new tags!
Integrating the P tag (paragraph tag)
It's time for us to add the P tag into our skill set of tags. In this video we continue to learn HTML and add in the basic information we need to know about the P tag.
RECAP
That's it we are done with our first HTML session. We would love to make many more but that is 100% up to you if you love it support us drop a nice word for my mom and me.
RECAP detailed:
In this recap, we’ll review the foundational concepts covered in our HTML training session. By combining structure and content, you’re well on your way to building your first webpage!
1. HTML Structure
Every HTML page is structured with the following:
- HEAD: The section that contains metadata and invisible information, such as the TITLE tag.
- BODY: The section that holds all visible content, including headlines and paragraphs.
Example:
<html>
<head>
<title>My First Webpage</title>
</head>
<body>
<!-- Visible content goes here -->
</body>
</html>
2. Headlines (<h1> to <h6>)
We explored how to create titles with varying levels of importance.
<h1>: The most important headline, usually the main title of the page.<h2>to<h6>: Subheadings to structure content into smaller sections.
Example:
<h1>Welcome to 02Geek</h1>
<h3>Learn HTML Basics</h3>
3. Paragraphs (<p>)
Paragraphs are used to add descriptive text to your page.
Example:
<p>HTML is a great way to start learning web development!</p>
4. Combining Elements
Here’s an example of a simple webpage with a headline, subheadline, and a paragraph:
<html>
<head>
<title>HTML Basics Recap</title>
</head>
<body>
<h1>Welcome to 02Geek</h1>
<p>In this course, we’ve learned how to structure a webpage with HTML.</p>
<h3>What’s Next?</h3>
<p>Continue your journey with more advanced HTML concepts in our next session!</p>
</body>
</html>
5. What We’ve Built So Far
Our progress includes:
- Defining the basic HTML structure.
- Adding a main headline (
<h1>) at the top of the page. - Creating a subheadline (
<h3>) at the bottom of the page. - Writing a paragraph in the BODY to add descriptive text.
Summary
By the end of this recap, you’ve reviewed:
- The purpose of the HEAD and BODY sections.
- How to use headline tags to structure content.
- The role of paragraphs in creating readable web pages.
What’s Next?
In the next session, we’ll dive into more advanced HTML elements, such as adding links and images to enhance your web pages.
Learn more: HTML Training with Mom.