HTML Tutorial: HTML & CSS for Beginners

Learn HTML and CSS (with HTML5) from master trainer, Mark Lassoff - No experience required. Certification Available.
  • Lectures 81
  • Video 5 Hours
  • Skill level all level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion

Learn by coding

Sharpen your knowledge with interactive coding challenges.

Course Description

There isn't a web site out there-- whether it be WhiteHouse.gov, IBM.com or the site for your local high school-- that isn't written in HTML. If you do any level of web development-- from editing pages on a Wordpress site to designing original pages from scratch, understanding and being able to code in HTML and CSS can give you a level of control, and power over your designs that you've never experienced before. This course helps you learn HTML and CSS (versions 4.01 and XHTML) as well as prepares you for the future with coverage of HTML5.

In this course, designed, authored and hosted by master trainer Mark Lassoff, you will learn HTML and CSS, including everything you need to create a creative, quality and professional web site. Almost four hours of video instruction in punctuated lab exercises where you apply the very skills taught in the course. With an instructor available to answer your questions, and course with both wide coverage of HTML and CSS topics and deep discussion of those topics, there is no better or faster way to learn HTML and CSS for Beginners!

When you've completed the course, become a certified developer by passing LearnToProgram's Certified HTML Developer exam. Certified developers are listed on the LearnToProgram web site and sent a printed certificate, digital badges and other materials relating to their certified status.

What are the requirements?

  • PC, Mac or Linux PC
  • Text Editor (Free!)
  • Web Browser or two

What am I going to get from this course?

  • Over 81 lectures and 4 hours of content!
  • The HTML Document Structure For HTML 4.01, XHTML and HTML 5
  • Text Markup
  • CSS Typography
  • HTML Lists
  • Internal, External and Anchor Links
  • Displaying and Styling Images
  • HTML Forms
  • CSS Box Model and Layout
  • and much more...

What is the target audience?

  • People who want to better manage their web site
  • People who want to become web designers and developers
  • Designers who want to expand their skill sets
  • Business owners who want to be more efficient with Wordpress, Joomla or other CMS systems
  • Students

What you get with this course?

Not for you? No problem.
30 day money back guarantee

Forever yours.
Lifetime access

Learn on the go.
Desktop, iOS and Android

Get rewarded.
Certificate of completion

Curriculum

HTML And CSS For Beginners
01:56
01:49

Please watch this first.

Section 1: Chapter 1: Welcome to HTML
05:17

In this lecture instructor Mark Lassoff discusses the various technologies used in web design and development.  Mark will also discuss how the subjects of this course, HTML 4.01, XHTML, HTML 5 and CSS fit in to the overall world of web development.

Simple Hello World HTML
Take challenge
1 question
07:40

In this video lecture, Mark will guide you through the process of creating your first HTML script and displaying it in the browser.  While doing this, Mark will show you the basic document structure of an HTML script, looking at the head and body section of the document.

160 B

This is the HTML file that Mark creates in video 1.02.  

09:04

In this video lecture, Mark introduces you to the Basic Document Stucture used in HTML 4.01 and XHTML documents.

257 B

HTML file with Basic Document Structure for HTML 4.01.

356 B

Basic document structure for an XHTML document.

01:52

In this video lecture, Mark demonstrates the basic document structure for HTML5 documents.

172 B

This is the HTML file containing the basic document structure for HTML5 documents.

05:02

In this video Mark demonstrates the use of comments in HTML code.

489 B

This is the HTML file that Mark created during the comments video lecture.

04:16

In this video lecture Mark discusses HTML head elements-- Elements that go in the head section of an HTML document.  Mark focuses on meta tags and shows how those are used in web development.

517 B

This is the HTML file that Mark created during the Head Elements lecture.

1 page
These are the lab exercises for Chapter 1. Please complete these after watching the video lectures.
Section 2: Chapter 2: Text Markup
10:07

In this video lecture Mark discusses text mark-up.  You will learn how to code text in HTML.

725 B

This is the HTML file mark created in the video on basic text markup.

05:19

In this lecture Mark goes over Div and Span tags.

656 B

This is the HTML file that Mark made in the Div and Span lecture

08:31

In this lecture Mark Lassoff demonstrates how to use tags like header and footer to layout text. 

909 B

This is the HTML file that Mark made in the HTML5 Text Markup Tags lecture.

20:21

In this video Mark goes over different ways of designating colors to text and also shows you how to assign fonts and font sizes to your tags in HTML using CSS.

Text Markup
1 question
2.91 KB

This is the HTML file that Mark made in the Text Colors and Fonts lecture

759 B

This is the CSS file that Mark created during the video lecture.

05:41

In this video Mark discusses how to use text alignment, decoration, indentation and text transformation in HTML using CSS.

1019 B

This is the CSS file that Mark developed in the video lecture.

2.91 KB

This is the HTML file that Mark made in the Text Alignment, Decoration, Indentation and Text Transformation lecture

1 page
These are the lab exercises for Chapter 2. Please complete these after watching the video lectures.
Section 3: Chapter 3: Working with Lists
03:19

In this lecture Mark describes how to use ordered lists.

505 B

This is the ordered list HTML document that Mark made in the lecture video.

02:48

In this lecture Mark shows you how to use unordered lists.

515 B

This is the HTML file that Mark made in the Unordered List lecture.

04:51

In this video Mark goes over how to use CSS for making lists in HTML.

936 B

This is the HTML file that Mark made in the CSS for Lists video.

171 B

This is the star.png image that Mark used as his custom bullet in the CSS for Lists video.

1 page
These are the lab exercises for Chapter 3. Please complete these after watching the video lectures.
Section 4: Chapter 4: Creating HTML Links
11:08

In this video Mark goes over how to set up links in HTML.

Creating HTML Links
1 question
569 B

This is the HTML file that Mark made in the Links lecture.

452 B

This is the "Places" page that Mark uses to link to in the Links lecture.

07:41

In this video Mark discusses how to use anchors to help navigate to different places on your webpage.

10.61 KB

This is the HTML file Mark made in the Page Anchors lecture.

03:08

In this lecture, Mark discusses how to style links in HTML. He looks at the three states of links that you can style your links and some options for what you can do with them.

10.85 KB

This is the HTML file that Mark used in the Styling links video.

2 pages
These are the lab exercises for Chapter 4. Please complete these after watching the video lectures.
11.49 KB

This is the Chapter 4 lab starter file.

Section 5: Chapter 5: Working with Images and Media
08:22

In this video Mark shows you how you display images and how to style them using CSS.

1.5 KB

This is the HTML document Mark used in the Displaying Images video.

05:07

In this lecture Mark shows you how to embed audio in HTML5 using the audio tag.

354 B

This is the HTML file Mark used in the Audio Embeds lecture.

2.18 MB

This is a folder of the three audio clips used in the Audio Embed video

03:29

In this video Mark discusses how to embed video files into your HTML page.

275 B

This is the HTML file Mark used in the Video Embed lecture.

33.13 MB

This is the video sample used in the Video Embed lecture.

2 pages
These are the lab exercises for Chapter 5. Please complete these after watching the video lectures.
533.24 KB

These are the sample images required to complete lab 5.

Section 6: Chapter 6: HTML Tables
06:40

In this video Mark teaches you how to create tables in HTML.

853 B

This is the HTML file Mark used in the Creating Tables lecture.

12:27

In this lecture Mark uses CSS to style tables created in HTML.

2 KB

This is the HTML file Mark used in the Styling Tables lecture.

HTML Tables
1 question
1 page
These are the lab exercises for Chapter 6. Please complete these after watching the video lectures.
Section 7: Chapter 7: HTML Forms
08:42

In this video Mark shows you how to set up forms.

931 B

This is the HTML file Mark used in the Creating Text Forms video.

09:03

In this lecture Mark teaches you how to create radio buttons and checkboxes in your forms.

2.08 KB

This is the HTML file Mark used in Creating Radio button and Checkbox Elements lecture.

09:42

In this video Mark goes over new form elements in HTML5 such as time, date, and color.

569 B

This is the HTML file Mark used in the New Form Elements lecture.

06:13

In this lecture Mark describes how to use drop-down boxes and multiple select boxes in HTML.

844 B

This is the HTML file used in the Creating Multi-Select Elements lecture.

HTML Forms
1 question
1 page
These are the lab exercises for Chapter 7. Please complete these after watching the video lectures.
Section 8: Chapter 8: Understanding the CSS Box Model
02:24

In this video Mark goes over the different aspects of a Content Box model.

11:46

In this lecture Mark teaches you how to work with the margin, padding and borders for a Content Box with CSS.

2.32 KB

Here is the HTML file Mark used in the Box Model lecture.

Section 9: Chapter 9: CSS Based Page Layout
09:22

In this lecture Mark discusses the difference between inline and block level elements and how to position divs on the page.

2.29 KB

This is the HTML document Mark made in the Inline vs Block lecture.

13:22

In this lecture Mark goes over how to format your page by using float and clear to position text.

7.55 KB

This is the HTML document that Mark used in the float and clear video.

09:55

In this lecture Mark shows you how to make a navigation bar using CSS.

1.35 KB

This is the Navigation Bar HTML file Mark used in his lecture.

1 page
These are the lab exercises for Chapter 9. Please complete these after watching the video lectures.
8.17 KB

This is the lab started file for Chapter 9.

Section 10: Lab Solutions
548.42 KB

These are sample solutions for the labs throughout the course. These are here for you to look at if you are stuck. Remember, they are just samples, your solutions may not look like these and they can still work.

Instructor Biography

Mark Lassoff , Founder, LearnToProgram, Inc.

LearnToProgram is a leading publisher of web, mobile and game development courses that are used by individuals and companies world-wide. Based outside of Hartford, Connecticut, the LearnToProgram team is dedicated to teaching more people to program than any other company on the face of the Earth. Our authors are among the most experienced in the field-- and they have one important thing in common: LearnToProgram authors consider themselves teachers first and technical experts second. The primary skill of LearnToProgram author is communication-- and you will always find our courses easy to understand and successfully complete.

About Mark-- The Guy Behind LearnToProgram

Mark Lassoff's parents frequently claim that he was born to be a programmer. In the mid-eighties, when the neighborhood kids were outside playing kickball and throwing snowballs, Mark was hard at work on his Commodore 64 writing games in the BASIC programming language. Computers and programming continued to be a strong interest in college where Mark majored in Communications and Computer Science. After completing his college career, Mark worked in the software and web development departments at several large corporations.

In 2001, on a whim, while his contemporaries were conquering the dot com world, Mark accepted a position training programmers in a technical training center in Austin, Texas. It was there that Mark fell in love with teaching programming, which has been his passion ever since. Today Mark is a top technical trainer, traveling the country providing training for software and web developers. Mark's training clients include the Department of Defense, Lockheed Martin, Discover Card Services, and Kaiser Permanente. He has consulted for companies such as Dell, Target, Lockheed Martin, and government agencies including the US House of Representatives.

He lives near Hartford, Connecticut where he is in the process of redecorating his condominium.

Join the biggest student community

5,900,000

Hours of video content

22,000,000

Course Enrollments

6,500,000

Students

Reviews

Average Rating
4.3
Details
  1. 5 Stars
    64
  2. 4 Stars
    31
  3. 3 Stars
    10
  4. 2 Stars
    3
  5. 1 Stars
    4
    • Luis Murillo

    Awesome course by Mark Lassoff!

    I am still in this course. The material being covered is perfect for beginners and advanced coders. Super easy to understand. The video quality could be a little better. However, everything is still readable. Great instructor, Thank you Mark! Five star***** all the way!

    • Nicole Power

    Great Teacher

    Mark makes learning simple, easy to understand, he doesn't go to fast, or slow. By the time you're done, you feel like you've actually learned something.

    • Julie Lopez

    Great for beginners

    This helped me start with the step by step that I needed. I liked having the option to download the lesson code so that I could see it and even play with it. I liked seeing questions from other users. The video quality could be better but overall I am learning from the class and will be able to apply what I have learned.

    • Deb Monreal

    Excellent for beginners or those that want a refresher course

    It has been a while since taking my HTML course in college a few years ago, and I am looking at getting into web development. I needed a refresher course on how to start a webpage, and this course was perfect for that. Even if I were a first time HTML student, I would learn no problem with this course. It was a simple step by step process walking you through the whole thing. I really enjoyed it.

    • Colin Fiander

    Well Laid Out

    Mark lays out the fundamentals very well. Although I had some prior HTML experience, Mark was able to fill in the gaps and solidify what I already knew. Mark's down to earth teaching approach is awesome and can't wait to finish some of his other courses. No regrets in taking this course whatsoever

Show more reviews
Ready to start learning?
Preview this course