Lessons

Resources

Questions?

Please feel free to post your questions or comments below. If you have questions about a specific lesson, please specify the lesson number and the time index in the lesson where the issue occurs. Thank you!

Subscribe for Updates

If you would like to be notified whenever changes are made to this page, new lessons are posted, or comments are made, click on the subscribe button.

Subscribe to HTML 101
Get notifications when this page is updated

Intro

In this lesson, you will learn the basics of building web pages using standard HTML and a simple text editor like Notepad. We will talk about the nature of HTML, formatting text, setting up pages, creating hyperlinks, and working with images. You will also get guidance on the recommended prerequisites, working with different text editors and browsers, and tips for following along with the examples. This is HTML 101, Introduction to HTML.

Transcript

Welcome to HTML 101, Introduction to HTML, brought to you by 599CD.com. I am your instructor, Richard Rost. The objective for today's class is to teach you how to build web pages using HTML.

We are not going to use any special or fancy editors today. We are going to teach you how to use a text editor called NotePad to build web pages in HTML. This will also be a very handy skill if you are editing web pages that you are using an editor for, like FrontPage, so you can go into the HTML and edit the page directly without having to use fancy editor features.

We will talk about the nature of HTML. We will show you how to format text, set up pages, create hyperlinks, and work with images.

The prerequisite for this class is our Internet 101 class. We are going to assume that you know what the Internet is, that you know how to use the World Wide Web, and that you have browsed web pages before. We are going to assume that you know what a hyperlink is and you have at least linked around the web using different web pages. Internet 101 is very strongly recommended. We are going to review some of the key concepts from Internet 101 in today's class, but I strongly recommend that you take Internet 101 before taking this class.

I also recommend that you take our FrontPage 101 class first if you are planning on using FrontPage to design your web pages. If you are not going to be using FrontPage, then you can skip FrontPage 101. FrontPage is a program that is made by Microsoft and it is their web page editing program. There are many different web page editing programs available on the market. You can select any one that you want to edit your web pages. FrontPage is the one that I recommend, but you do not have to use FrontPage to use HTML.

I do not have it listed up here, but knowledge of a word processing program like Microsoft Word is also very helpful. Of course, you should know how to move around in Windows and work with files and folders. If not, we have Windows courses available as well.

In this class, I will be using Windows XP. I will be using Notepad as my text editor and I will be using Internet Explorer as my web browser. However, none of this really matters for this class. You can use any version of Windows that you want or you can even be using an Apple computer.

The text editor of choice, again, does not matter. You can use Notepad, you can use WordPad, you can use any text editor that you want, and you can use any web browser that you want. These are just the programs that I am using. HTML, fortunately, is a very universal standard, so HTML will work pretty much the same in all web browsers with all text editors. You do not need any special software to use this class.

I do recommend that you watch each lesson completely through once and then watch it again a second time, following along with the examples. Do not try to do things as I am doing them the first time through. Watch me do it, get a feel for what I am working on, and then watch the lesson again and you follow along.

There is a class website that supplements this class. Of course, everything related to the web and web design changes almost every month. We will post updates to this course on the class web page. We will also have lists of some of the things that I talk about in today's class. We will have a list of web page editors, FTP programs, a list of colors that you will use for HTML codes, and you will see what I am talking about in a few minutes. Check out the class web page for updates on the information presented in this class.

Quiz

Q1. What is the main objective of the HTML 101 class?
A. To build web pages using fancy editors only
B. To teach advanced JavaScript programming
C. To teach you how to build web pages using HTML
D. To learn web hosting setup

Q2. Which text editor is demonstrated in this course for editing HTML?
A. Microsoft Word
B. Notepad
C. FrontPage
D. Dreamweaver

Q3. What is the recommended prerequisite before taking HTML 101?
A. Word Processing 101
B. Windows XP Fundamentals
C. Internet 101
D. FTP Basics

Q4. Why is it considered helpful to know a word processing program like Microsoft Word for this class?
A. Because HTML is written in Microsoft Word
B. Because web pages must be saved as Word documents
C. Because it helps with basic computer skills for managing files
D. Because Notepad is part of Microsoft Word

Q5. Which of the following statements about HTML is true as explained in the video?
A. HTML can only be used with special software
B. HTML is a universal standard that works with most browsers and editors
C. HTML only works with Internet Explorer
D. HTML requires you to use FrontPage

Q6. What is suggested regarding the pace at which you should watch the lessons?
A. Try to do everything at the same time as the instructor on your first watch
B. Watch the lesson once, then watch again while following along
C. Watch only half of each lesson before moving on
D. Skip all examples and only read the textbook

Q7. What is the purpose of the course website mentioned in the class?
A. To sell extra software only
B. To provide updates and supplemental materials for the class
C. To host student-created web pages
D. To give out web hosting accounts

Q8. Which of the following is true about the need for special software in this course?
A. You must use Microsoft FrontPage
B. Special software is required to learn HTML
C. No special software is needed; any text editor and browser will work
D. HTML requires expensive software for editing

Q9. What additional resources are available on the class web page?
A. A complete list of universities teaching HTML
B. Lists of web page editors, FTP programs, and HTML color codes
C. Downloadable full websites
D. A video game about HTML

Q10. Which operating system and browser does the instructor mention using in the video?
A. macOS and Safari
B. Windows XP and Internet Explorer
C. Linux and Firefox
D. Windows 10 and Edge

Answers: 1-C; 2-B; 3-C; 4-C; 5-B; 6-B; 7-B; 8-C; 9-B; 10-B

DISCLAIMER: Quiz questions are AI generated. If you find any that are wrong, don't make sense, or aren't related to the video topic at hand, then please post a comment and let me know. Thanks.

Summary

Today's video from HTML Learning Zone is an introduction to building web pages using HTML. I want to teach you the essentials of creating web pages with HTML, and for this class we will work with a basic text editor, specifically NotePad. This method avoids the complexity of specialized editors, and gives you valuable skills that will help you edit web pages directly, even if you later use a program like FrontPage. If you ever need to adjust HTML code by hand, knowing how to work at this level will be extremely useful.

We will spend time discussing the structure of HTML itself, and I will walk you through formatting text, setting up the pages, creating hyperlinks, and adding images to your web pages.

Before taking this course, I recommend completing our Internet 101 class. I will assume you already understand what the Internet is, how the World Wide Web works, how to browse pages, and what hyperlinks are. While I'll review a few important concepts from Internet 101 today, it is best if you have the background from that course first.

If you plan to use FrontPage as your web editor, you might also find FrontPage 101 helpful. If you are not going to use FrontPage, you can skip that one. FrontPage is just one of many web editing programs available; you can choose any that suits you. My recommendation is FrontPage, but using HTML does not require it.

It is also helpful to be familiar with word processors like Microsoft Word, and it is important to know your way around Windows, files, and folders. If you are not comfortable with these tasks, I offer Windows courses that can get you up to speed.

For this class, I will be working in Windows XP, using Notepad as my editor and Internet Explorer to view web pages. However, you can use any version of Windows, or even a Mac if you prefer. The actual text editor is not important - Notepad, WordPad, or any other basic text editor is fine. The same goes for web browsers; the information in this class will work no matter which browser or editor you use, since HTML is a widely supported standard.

My suggestion is to watch each lesson all the way through without interruptions the first time. After you have watched me demonstrate each concept, watch it again and follow along with the examples. Trying to keep up while watching the first time can be overwhelming.

Supplementary information and updates for this course are available online on the class website. Since web design and related technologies change frequently, I will post updates there. You will also find lists of useful tools such as web page editors, FTP programs, and color codes used in HTML. Throughout this class, I will point out resources and tools that will help you as you learn.

You can find a complete video tutorial with step-by-step instructions on everything discussed here on my website at the link below. Live long and prosper, my friends.

Topic List

Introduction to HTML and its purpose
Using NotePad to create HTML web pages
Editing HTML directly without a web editor
Formatting text with HTML
Setting up web pages with HTML
Creating hyperlinks in HTML
Working with images in HTML