Starting to do HTML
Join my mom and me as we kick off our HTML training by exploring the basics! In this video, we’ll explain what HTML is, how it compares to regular text files, and why file extensions like .html and .htm are critical for websites. Watch as we dive into file formats and learn how browsers render web pages. By the end, you’ll be ready to start creating your own HTML files!
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.
Starting to do HTML detailed:
HTML Basics: Understanding File Formats and HTML Structure
Welcome to the second session of HTML with Mom! In this tutorial, we dive into what HTML is and why it’s essential for building websites. Here's everything we covered:
What is HTML?
HTML stands for HyperText Markup Language, and it forms the backbone of every web page. Here’s what you need to know:
- HTML as Text Files: HTML pages are just text files with special instructions for web browsers to render content like images, bold text, and headings.
- File Extensions: HTML files typically have extensions like
.htmlor.htm. These extensions tell the computer and browsers how to handle the file.
Understanding File Formats
We explored various file formats to understand their purpose:
- .mp4, .avi, .wmv: Video formats used for playback.
- .doc, .odt: Document formats tied to specific applications (e.g., Microsoft Word, OpenOffice).
- .html: The standard file format for web pages.
Each file format is associated with a particular application or codec, which determines how the file is processed and displayed.
HTML in Practice
- HTML Files on Websites: Behind the scenes, web pages consist of
.htmlfiles. When dropped into a browser, these files render the visual content you see. - Other Files: Web development often involves other file types, such as
.jsfor JavaScript and.cssfor styling, but the core remains HTML.
Key Takeaways
- HTML files are simple text files with special instructions.
- File extensions play a critical role in how files are recognized and opened.
- Understanding the basics of file formats helps you navigate web development effectively.
What’s Next?
In the next session, we’ll take the first step in creating our own HTML files. Stay tuned as we continue building your HTML skills!