Learn HTML

Take The First Two Lessons For Free

Getting Started With Intro To HTML

Too busy to take a weekly class that's too large to get any individual attention? Wouldn't you like to be tutored at your convenience on a one-on-one basis? Of course you would!!

Now, it couldn't be easier. Learn HTML with me, Bud Kraus, the New York City web design instructor of thousands of students online and off.

Let's get started!!

Use your email address for your User Name, then create your Password. You don't need to use a credit card or buy anything to start right now.

Class Features

People Who Have Taken This Class...

No matter what kind of site you want to create (blog, e-commerce, service, portfolio, etc.) or what Content Management System you want to master (like WordPress), you're going to need to know what's in this class.

Top

About The Class

Learn HTML, HyperText Markup Language, at your own pace. The first two Lessons are free! The fee for the other 8 Lessons is $250.

I'll be with you all the way as you learn valuable web design skills for designing whatever kind of web site you want. I'll review your web pages to let you know how you are doing, and answer your questions via email. I'll encourage you to learn HTML because I know how important it is for you to master it.

How Does It Work?

You'll be reading Lessons then doing hands-on exercises to use what you have just read.

Completing this class means acquiring the skills to create a wide variety of web sites.

Running Time 4:30

Take A Look

Here's a video of what you'll be doing in the first Lesson.

(If you're using Windows, you'll use Notepad for your text editor instead of TextEdit.)

What Do You Need To Take The Introduction To HTML Class?

Like thousands of others whom I have taught, I know you can do it!!

Who Is Your Friendly Web Design Instructor?

That's me, Bud Kraus.

Meet Your Friendly Web Design Instructor.

Top

At A Glance

Just The Basic Facts, Ma'am.

Fee Free For the First Two Lessons. $250 For The Remaining Eight Lessons.
People Taking This Class Are...
Required Skills Ability to create new files and folders using either Notepad, TextEdit or other text editor.
How To Pay I accept any credit card and PayPal.
Start Date How about right now?
Duration Take as much time as you need. Do the class at your pace.
Class Size You'll be the only one in the class, so count on getting max personal attention from me, Your Friendly Web Design Instructor, Bud Kraus.
Class Time Take the class at your own convenience. You are not required to be online at any specific time.
What You'll Do Read Lessons and do corresponding Lab exercises. Then upload your work into your assigned Work Space for my review, or you can move onto the next Lesson without waiting for me to review your web pages.
What You'll Learn HTML5 - the most up-to-date version of HTML including many new tags. Plus you'll get a look at what Cascading Style Sheets (CSS) does.
My Response/Support I review your uploaded work and email you my comments within 48 hours.
Applications Needed A Text Editor, Current Web Browser, and Windows, Mac or other OS.
Screenshots, Excerpts And Videos Get an idea of what the class is like
or
Top

FAQ

2 guys

No need to feel as small as these guys if you have questions about the class. You don't even have to raise your hand to get some answers.

Before You Start The Class

How about right now? Just hit that button right over there and away you go.

The first two Lessons and hands-on Labs are free. At the end of Lab 2, there is no way you won't want to pay the $250 to continue on to do the other 8 Lessons and 7 Labs. I'll be with you every step of the way as your private instructor.

How much time would you like? Take as long as you need to finish the class. If you can hyper-learn, you probably can do the entire class in about 10 days. No matter what, you will have access to the class material until the sun goes Super Nova or the Internet ends, which ever shall first occur.

How could I not? But keep in mind this is an Intro class. I cover many of the key new tags you need to know. What I don't cover are the programmatic aspects of HTML5. Things like working with the canvas element, learning how to work with geolocation, drag and drop, and other fun cool stuff are not in my class. You have to learn my material first before you can work with the more advanced aspects of HTML5.

If you are diligent and do all nine Labs, you will be able to create web pages that suit a wide variety of needs. This is true whether you are a designer, graphic artist, programmer, writer, business owner, systems administrator, career changer or anyone else who needs to know how to make a web site.

You will not necessarily become a Jedi Webmaster because those skills take time to develop. For example, you won't know how to style your web pages because that's what Cascading Style Sheets is about. I teach that in another class, Practical CSS.

What you leave with is related to what you put into the class. Follow my instructions during the class and you will acquire the skills to grow beyond the class.

Learning the material in this structured way will enable you to continue to advance your skills long after the class is over. You will be in a perfect position to learn CSS.

HTML is foundational and is known as the lingua franca of the web. It forms the structure of any web page and is a lot like grammar.

All you really need to know is how to use a basic text editor like Notepad or TextEdit. These applications are on every Windows or Apple computer.

You also have to know how to use File and Edit menu commands like Save, Cut, Copy, and Paste.

Can you create, save, and open files? Create new folders? Download a .zip file? I'll bet you can.

To excel in this class, you should be able to study on your own, even though Your Friendly Web Design Instructor will be there to guide you. Being well organized and self-motivated are big plusses too.

No and no. This class is designed to work on every conceivable operating system. The only applications you'll need are a web browser, email program, and text editor.

Because you will be learning HTML 5, a modern browser is highly recommended. Firefox or Internet Explorer will do the trick. Safari for the Mac works too. Google Chrome? Why not?

Knowledge of Photoshop and similar applications is not required. I will supply you with the fabulous images you will need for this class.

Of course, you'll need an internet connection, but speed is not of critical importance.

Sure, why not? But I wouldn't recommend it. You'll want a real keyboard to do the hands-on Labs.

Of course you do!!

Chances are your knowledge of HTML is incomplete at best, and was learned haphazardly like many people. With Intro To HTML you will...

Popular scripting languages, like JavaScript, PHP or Perl, are mentioned but not taught since those are large subjects in themselves. If you're a programmer and already know those or other languages, so much the better.

Graphics applications like Photoshop or Fireworks are not covered. However, I do go over the types of image formats that work best for the web.

I don't teach how to style web pages because I teach that in my Practical CSS class which you can take after you do this class. You'll get a look at what CSS is in the last Lesson.

That's me, Bud Kraus, CEO (Chief Education Officer) of Joy Of Code.

I'm a New York City web design instructor and consultant who is a proponent and practitioner of web design standards. I teach another online class, Practical CSS. That's the follow-up class to Intro To HTML.

I've been teaching HTML, CSS, and WordPress for 15 years in class and online. I still love it!!

I also teach Wordpress for designers and business people using webinars.

I have been developing and teaching this Intro To HTML class since 1997. I still get a kick out of seeing that light go on that tells me when someone gets it.

I want this class to work for you and be an enJOYable learning experience as it has been for many others.

I teach with passion. I love what I do and I hope you will too!!

After You Start The Class

As soon as you login for the first time, you'll start with Lesson 1 which is all about HTML basics. Then you'll do a hands-on exercise in Lab 1 which is a simple web page that you upload to your Work Space. You can wait for me to review it or you can choose to move on to the next Lesson.

If you wait for me to review it by email, it will take no more than 48 hours for me to get back to you. If you pass your first assignment with the flying colors, I'll tell you to go on to Lesson 2. But if something needs to be corrected, I'll let you know before you can go on. The emphasis is on getting the HTML right!!

Lesson 2 is where the real action begins and culminates with your making 5 HTML files for me to review. Again, you can wait for me to have a look or you can just go on.

To move on to Lesson 3 and to gain access to the remaining class material, you will be prompted to pay the fee of $250 after you finish Lab 2. Once payment is made with PayPal or any credit card, you can resume all the fun in Lesson 3. Like Lesson 2 (and all the Lessons except for 10), you will do a hands-on Lab at the end of the Lesson.

Once you get my review, if there are corrections to be made, you'll need to make them before going on to the next Lesson. Each Lesson's material builds upon what you have already learned.

Each Lesson and Lab builds upon previous material so you won't want to skip anything. I'll be there when you have any questions about anything, but you will see you can learn at your own pace which is what people love about the class.

You can always wait for me to review your work after you complete a Lab or you can choose to move on to the next Lesson.

For a rundown of each week's material see the class outline.

I will review the Lab work you upload to your Work Space within 48 hours and send you my review by email.

Most of the time it's a lot sooner.

The class fee does not cover phone time. However, if there are serious problems, we can arrange to talk by phone.

If you are having a lot of problems, I may suggest that we do a webinar so we can go over things in real time.

Tough to say because it depends on so many factors. It could range from an hour or two to much longer. As you keep at it, the learning curve will flatten and soon you'll be flying!!

Remember you can always go back and review anything, because access to the material is never removed.

You have permission to print the material if you find that a hard copy is easier or more convenient for you to review. But my class is licensed to you and you alone, and no other copies, in any format or media, are allowed.

More about that in the Terms Of Service to which you must agree and abide by in order to take this class.

Nope. You set the schedule. Do it as fast as you'd like or take as long as you need. Once you pay for the class you can access it forever or till the end of time.

Top

Course Outline

Are You Ready To Go From Someone Who Wishes They Could Create Web Pages To Someone Who Can!

After you complete Intro to HTML using the most current markup - HyperText Markup Language (HTML 5) - you'll be able to create web pages that unleash the power of industry standards.

With each Lesson you'll be building the skills needed to create any web site project because you will be learning how to build a site the right way. We will build a five page site I call In My Garden. It features all of the important tags you need to know.

Lesson 1 - The Basics

Lesson 2 - Fundamental Elements

Lesson 3 - Lists

Lesson 4 - Validation

Lesson 5 - Links

Lesson 6 - Images And Videos

Lesson 7 - Forms

Lesson 8 - Data Tables

Lesson 9 - Grouping Elements

Lesson 10 - A Look At CSS

Top

Course Screenshots, Videos, And Excerpts

Help Yourself To Some Excerpts, Screenshots, And Videos From The Online Web Design Class, Intro to HTML.

Screenshots

These screenshots give you an idea of what the major sections of the class look like. Select any image to get a larger view.

The Home Room

Screenshot of the Home Room

When you login, the Home Room is the first page you'll see. All of the class's material is available from this starting point.

Once you finish a Lab and upload your .html files to your Work Space, you're given access to the next Lesson and Lab.

The links are never removed during the class, so you'll always be able to go back and refer to an earlier Lesson or Lab.

A Lesson Page

Screenshot of a Lesson  Page

Here's a typical Lesson page. Links to the content inside the Lesson are on the right side.

A Lab Page

Screenshot of a Lab  Page

With each Lesson comes a Lab where you'll do a hands-on exercise that I will review by email. Here's what a typical Lab page looks like.

The Project

Screenshot of a Project  Page

Screenshot of a Project Page. As you complete each Lab, you will be making a five page web site. Here is what the home page looks like.

Your Work Space

Screenshot of the Work Space

After you've completed your Lab work for a Lesson, you'll upload your web pages (files) to your Work Space for Your Friendly Web Design Instructor (me) to review.

Here, one file, index.html, has been uploaded for me to review. My review is sent to you by email within 48 hours after you've uploaded it to your Work Space.

Videos

Videos like these are used as supplemental material for Intro To HTML. Turn out the lights and crack open a box of Milk Duds!!

Running Time: 11:49

Watch me show you how to error check your HTML code which is a very important part of the class.

Running Time: 4:06

Want to add a video to your web page? That's one of the things I go over in Lab 6 - First Embeds.

Excerpts

The class material gets more challenging as you move from one Lesson to the next.

To view these excerpts you'll need Adobe Acrobat Reader.

Excerpt From Lesson 3 on Making Lists
How to make an unordered list.
Excerpt From Lesson 4 on Error Checking Your Page
Why you need to validate your code.
Excerpt From Lesson 6 on How To Add An Image To Your Page
How images are added to a web page.
Excerpt images Lesson 9 on Grouping Tags
Some of the new great HTML5 tags are shown.
Excerpt From my Old World, New World article
Not exactly a rant, but a calm, cool, and rational explanation about the differences of print and electronic design.
Top

What Are HTML and CSS?

Just In Case You Are Wondering, Let Me Explain

HTML and CSS are Internet technologies being developed by the World Wide Web Consortium (w3c.org).

HTML and CSS are the building blocks, the stuff of which web pages are made. They're not programming languages, rocket science or some mysterious code that only geeks learn to do.

HTML and CSS are formatting and layout systems needed to create (markup) web pages. They are both rather straightforward and logical.

That's good news!!

HyperText Markup Language

It's used to make headings, paragraphs, data tables, lists, links, and text boxes - among other things - on web pages. It provides the essential ingredients for putting a page together, much like building a house that needs a roof, rooms, walls, and a basement. It provides structure to a web document. It's more like grammar than anything else as it's purpose is to organize content so that it has meaning.

Sometimes people refer to it as Tags.

What's It Look Like?

Say you'd like to have a paragraph on a page. Here it is:

<p>When I have a few sentences to group together I use a p tag. It has an open tag - <p> - which starts the paragraph and a close tag - </p> - which closes the paragraph.</p>

For every open tag there's always a close tag. That's what makes using HTML fairly easy to work with and master.

Want to try HTML? Sure you do!! Don't worry. It won't bite. See how HTML works with the Code Tester, a tool used in the clas.

Cascading Style Sheets

It's the way we bring color, typography, and layout to a web page. It works as a companion to HTML. If we were building a house, CSS would be the house color, window treatments, floor coverings, and furniture placement.

It provides the decoration, the sizzle of a site.

Put 'em both together and you've got your formula to do something useful on the web and make some magic at the same time.

If you know HTML you can skip this class and take my Practical CSS class.

What's It Look Like

Say you'd like to define the background color of, font color and type face for all the pages of your web site. Here is what that looks like:

body
{background:#fff;
color:#000;
font-family:arial, helvetica, sans-serif; }

Here the pages would have a white background, black font and use the arial typeface. That makes sense, right?

JavaScript

Well, not that you asked but I should tell you.

Javascript is a programming language that works - just like HTML and CSS - within any web browser. That's right, just like HTML and CSS you don't even need to be connected to the Internet to make it work.

Those three components - HTML, CSS and Javascript - are packed inside of every web browser, Where HTML takes care of a web page's Content, CSS handles Presentation and Javascript is used for the Behavior of web page elements. I do not teach JavaScript but any good web designer or developer must have at least, some familiarity with it.

Yes, most people feel that JavaScript is the hardest of the 3 to master. I strongly recommend that you start first with HTML and CSS and then you can go on to learn Javascript.

What It Looks Like

This little smipet of JS will open up an alert box and display a message, "Hey, I'm an alert box."

function myFunction()
{
alert("Hey, I am an alert box!!!");
}

Top

Why Learn HTML

Because it's the DNA of every web page. HTML is the foundation, the structure of all web docs. Don't even think of styling your pages or adding cool effects unless you know HTML.

Photo of Woman Working on a Laptop

Does it make sense to LEARN how to make web pages "by hand" using nothing but a text editor? Does it make a difference if you know web page languages like HTML and CSS in addition to web page making programs?

You Bet It Does!!
Here's Why.

WordPress, Dreamweaver, and similar web page editors become easier to use when you know HTML.

I can't tell you how many people I've taught who have said, "If only I could edit the HTML code, I would be able to really use WordPress, Dreamweaver or other web page authoring programs. I can only do so much with drag and drop and pull down menus. If I could just edit the code, I could fine tune things to get my page to be just the way I want it."

Learning how to edit your code is just one of the things you'll learn in Intro To HTML.

Take my online class and you certainly won't need to take a beginner's class on Dreamweaver, WordPress or similar HTML editors. In many ways you'll know how to use these programs because you will have learned how to edit the code.

That's exactly what happened to me. First I learned HTML, then I became a Dreamweaver and WordPress nut case.

Gain independence and creative freedom you can't get any other way.

When you know how to make web pages "by hand," you won't have to rely upon any application other than a basic text editor such as Notepad for Windows or TextEdit for Mac. You can go to any computer and quickly make or edit a page, then upload it to your web server.

Also, you'll find many employers will require that you know HTML regardless of what web content creation or web publishing software they use.

No matter which fancy Content Management System comes down the pike, knowing HTML and CSS will be useful for a long time to come because they're fundamental to every web site.

Learning HTML (CSS and JavaScript) is so awesome!!

Create optimized, easy-to-manage web sites that upload and download faster, and enhance Search Engine Optimization.

The goal is to create the leanest pages, with the least markup and fewest tags possible. Using HTML (and CSS) effectively eliminates needless ( and usually incorrect) and non-standard code as well as outdated techniques (such as using spacer or shim images which is so outdated only Grandma uses them!!)

The result is a streamlined, easy-to-manage, search engine friendly web design. "Less is more" is no myth when it comes to web page creation. You'll understand that when you know some web page code.

Use the web design skills you'll learn in this class at work, home or play.

Learning HTML is like learning how to use a telephone 100 years ago. It's your ticket to communicating with the world in the 21st century. It enables you to work more effectively with all kinds of online publishing platforms - Constant Contact, eBay, WordPress and so many others.

How can you exist without knowing this stuff?!!

Top

Try HTML

Here is one of the tools I use to help you learn how to make web pages in the class. I called it the Code Tester.

If you already know some HTML, go ahead and try it out with your own code.

What appears in the "Here's What You Did" area is what the code will look like in a browser.

Test Your Code In This Box - The Code Tester


Here's What You Did


But just to have a little fun I set up 3 examples of some code you can copy and paste into the Code Tester box to give you an idea of what you'll be learning

Just copy and paste everything you see in yellow (in the Code View section) into the white space of the Code Tester box, then "Give It A Try."

A <p> or Paragraph tag is used to organize content into -- get ready for this -- paragraphs. Just copy and paste this into the above to see what you get.

<p>One of the things you'll learn in the class is that HTML is a containerized markup language.</p> <p>If you know some HTML so much the better, but if not, that's why you want to take the class!!<p>!

Here's a little bit of code that gives you the ability to place an image into a web page, including Albert's tongue.

Copy and paste this code to see the Professor's tongue.

<img src="http://joyofcode.com/wp-content/uploads/2014/05/einstein.gif" alt="Photo of Albert Einstein sticking out his tongue." />

Making lists are an important part of web page design. Here's what a very simple list looks like.

<p>Here are a few things I love about creating web pages</p>

<ol>
<li>It's a lot of fun!!</li>
<li>Shhh!! Don't tell anyone. It's not that hard!!</li>
</ol>

Top


Compare

You don't need to tell Your Friendly Web Design Instructor that there are alternatives to my class, because I've tried them all!!

Intro To HTML Vs. The Rest Of The World

Other online classes tell you when to start which may not be when you're ready to begin. Sometimes, you can't even start at that time because the minimum number of students was not reached.

Not so with Intro To HTML. This is Learning On Demand on Steroids.

Learn in a fun, pressure-free environment!! Get ready for max attention as you’ll be the only one in class. You won’t get lost in an online class with 100 other students all panting for the teacher’s attention. You’re going to have your own private tutor.

Let's compare a typical online web design class with my online class.

COMPARE Typical Online Class Intro To HTML
When can you start?Only on regularly scheduled dates.Any date and any time. I'm ready to teach when you're ready to learn.
How many students in your class? Varies. Usually there is no limit to class size. You're the only one in class. It's just like private tutoring.
How often is your work reviewed? Varies. I review all of your work within 48 hours after you post it to your Work Space - including weekends. Or, skip my review and go on to the next Lesson.
Can you ever call the teacher?Usually not. Yes, if the best way to help you is with a phone call or a webinar.
Is the class material available after the class is over? Usually not. I allow access to the material well after the class is over.
Class schedule? Usually set by the teacher. You set the schedule. Go as fast or slow as you like.

What Are Other Ways to Learn To Make Web Sites Other Than Through My Online Class?

Books

You could curl up with a stack of cold, techie computer books, and try learning how to create a web site. You could work through examples in the books, but you wouldn't get any personal guidance and feedback to let you know what you're doing right - and what needs a little work.

Videos And lynda.com

You can use free services, like YouTube, to watch web design training videos but you never know what you are going to get. Some of the information I've seen in these videos is incomplete - or worse.

Then there is lynda.com which is an excellent video training service, but it's a lot like learning from a book. You still do not get the personal feedback you need as you go about learning how to make web sites.

Classroom

This method is pretty good because you get live education. When I teach on-site, I do it using my style of performance education. However, I find that it is not as effective as learning in my online class where I review every page you build, line by line. I make sure that you're doing what you're supposed to be doing. Doing that in a classroom with lots of students learning at different speeds, is impossible.

While you’ll still have to log in to my class (when it’s convenient for you) to learn how to make web pages, it sure beats going to class every Thursday at 6:30PM in the darkest, cold of winter or the hottest days of summer.

Self-Study

Is it possible to learn how to make web sites without reading a book, looking at a CD-ROM, or going to class? Sure it is, but there's no guarantee that you'll learn it correctly, efficiently, or completely. I know this from experience and I'll bet that you can't!!

To learn on your own, all you have to do is study a page's source code in any web browser and you can figure out how the page was made. However, if you're starting to learn by studying source code, you'll find the learning curve is an uphill climb.

Intro To HTML takes that mountain of information and flattens it using time tested materials and learning techniques.

As Your Friendly Web Design Instructor, I'll Be There Helping You Every Step Of The Way.

Top