START A COURSE

The HTML and CSS Blog:

Learn HTML Code the Easy Way

Learning HTML Code Has Never Been Easier

What You Learn in This HTML Lesson

html-cartoons-HTML-languageBefore we get into the details of HTML code, this intro is a booster to explain what HTML stands for, why you should take the time to learn HTML, and why you should learn HTML now.

Now is the Time to Learn HTML

Most technology blogs go into the latest changes and tips….they assume you already know the fundamentals. I created this blog series for those who are total newbies, green as can be, the procrastinators in the house. Now is the time to learn HTML, and you can dive into this blog and learn HTML codes week-by-week in bite-sized chunks. Brain-snacks.

Want to Code HTML? Get Your Hands Dirty

I have some tricks to make your learning process easy and effective. The first trick is to make learning fun, and then it becomes easy to remember.

You’ll learn more if you engage in the material I present hands-on. Don’t just read about HTML and web pages. Make some. Pick a topic you enjoy and your retention will go up. A physical therapist taught me to attach new learning to something old and familiar to make it easier to retrieve the information. You can follow the well-worn path (familiar) and then branch off to the new fork. Try to pick a topic for your practice website pages that you care about (that will be your familiar well-worn path), and then you’ll find it much easier to remember what you learn about HTML.

HTML for puppies and more experienced coders <li><a href="" target="" title="" ><img src="" alt="" /></a></li>

That’s why this site comes with Brain Snacks: activities to practice what you learn. If you are ready to learn, you’re ready to dive in and give coding a try. Trust me, HTML codes make a lot more sense when you are making them work rather than just reading about them. Your first assignment is below. You won’t believe how easy it will be. But that’s how we roll.

What Is HTML and Why Should I Care?

learn-html cartoons webmasterHTML is the basic structure of every web page. Web pages are built with more than one coding language, (HTML, CSS, JAVASCRIPT), with each language performing a different role. HTML is the primary building block of every page, it defines its structure and contains your content. If you are interested in developing web pages, blogs, apps, or email marketing, then it’s essential to learn HTML. HTML is the foundation the other languages build onto, like iron beams holding up a building. CSS controls the design and formatting, like the granite skin of the building and the color of the paint and carpeting. Javascript would be the electrical and plumbing systems, adding interactivity to the building–making it do things.

HTML is so fundamental that even though things change rapidly and constantly as new technologies evolve, I’m confident HTML will still be around. It’s a good starting point–after you learn HTML codes you can move on to CSS for design and visual presentation, and javascript to add interactivity to your pages.

What Does HTML Stand For?

Hypertext Markup Language

HTML stands for HyperText Markup Language.

It is a Language, with its own grammar, called Syntax.

Markup Language refers to the idea of marking up your content with tags that surround your content and indicate what kind of information it is.

For example, a plain paragraph can be surrounded by <p> tags, and an important heading can be wrapped in <h1> tags. The HTML tags mark up the content to indicate a hierarchy of information.

HyperText refers to hyperlinking–links—you know, when you click on something and you go to a new page.

So now you know, and can take geek pride in saying that HTML stands for HyperText Markup Language.

Brain Snack: You try it!

This time we have two activities to help you get started.

Learn HTML with this Activity: Decide what topic you’re going to use for practicing your HTML site. It will be much more satisfying to work towards building a site you actually care about, and will be useful to you. Brainstorm a quick list of your hobbies, projects, and obsessions. Which of these subjects would you be interested in telling the world about?

That should be the topic you use to practice your freshly learned HTML code. Your first assignment is to pick your topic for your practice website pages (something you care about personally), and write a one-paragraph statement about your topic and goals for the site.

Learn HTML with this Activity: View source code on real websites (right-click on the page and choose “view page source”) and see what the code looks like. How many scripting and markup languages can you identity?

The Easiest Way to Learn HTML and CSS
Hi! I'm Diane. I'm an experienced web design teacher in San Francisco. I produce music videos to help new coders learn HTML. I'm dedicated to helping you learn to code, with tons of songs, videos, tutorials and activities. All our tutorials are free and we're adding new lessons every day. Subscribe to get the latest post in your inbox.

HTML Lessons

©2013 Diane Presler. All rights reserved.