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

LearnToProgram, Inc. , Learn Web, Mobile and Game Development

LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram's valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses.

With a mission of “teaching the world to code" LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace.

With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company's most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.

The company is based outside of Hartford, Connecticut.

Join the biggest student community

6,400,000

Hours of video content

24,000,000

Course Enrollments

6,800,000

Students

Reviews

Average Rating
4.3
Details
  1. 5 Stars
    67
  2. 4 Stars
    31
  3. 3 Stars
    10
  4. 2 Stars
    3
  5. 1 Stars
    4
    • Kevin Costello

    Very good course

    I am achieving what I wanted to learn at a good pace. I feel that I am more marketable in the job force. The production quality is great and everything about the course exceeded my expectation.

    • Claire

    Brilliant

    I've found this course to be really, really useful. I liked the exercises and "labs" as they consolidated the knowledge. Very very happy - well worth it. I think Mark is a really good tutor.

    • 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.

Show more reviews
Ready to start learning?
Preview this course