HTML Tutorial: HTML & CSS for Beginners

Learn HTML and CSS (with HTML5) from master trainer, Mark Lassoff - No experience required. Certification Available.

Video Error

We tried several times to play your video but there was an unforeseen error. We have notified our engineers.

Visit https://helpx.adobe.com/flash-player.html to check that Flash is enabled on your browser.

With Flash enabled, please try again in a few minutes or contact support.

$30
Take This Course
  • Lectures 82
  • Exercises 5 coding exercises
  • Video 4 hours
  • Skill Level All Levels
  • Languages English
  • Includes Coding Exercises New!
    Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 9/2011 English

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?

  • 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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

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

1 question
In this exercise you will learn how to write to screen in HTML files.
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 Bytes

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 Bytes

HTML file with Basic Document Structure for HTML 4.01.

356 Bytes

Basic document structure for an XHTML document.

01:52

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

172 Bytes

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 Bytes

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 Bytes

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 Bytes

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 Bytes

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 Bytes

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.

1 question
This exercise will help you understand how to change text properties
3.0 kB

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

759 Bytes

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.

1.0 kB

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

3.0 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 Bytes

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 Bytes

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 Bytes

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

171 Bytes

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.

1 question
We will navigate between pages with html links
569 Bytes

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

452 Bytes

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

11.1 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.8 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 Bytes

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

2.3 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 Bytes

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

34.7 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.
546.0 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 Bytes

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.0 kB

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

1 question
We are going to change styling of HTML tables
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 Bytes

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.1 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 Bytes

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 Bytes

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

1 question
You will see various types of html forms, and how they are used.
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.4 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.3 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.7 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.4 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.4 kB

This is the lab started file for Chapter 9.

Section 10: Lab Solutions
561.6 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.

Section 11: Bonus Lecture
Article

Here's some bonus material to help you continue learning!

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.

Instructor Biography

Mark Lassoff, Programming Instructor with over 500,000 students worldwide.

Mark Lassoff 's parents frequently claim that Mark was born to be a programmer.  Starting, in the mid-eighties at age 11, Mark was hard at work on his Commodore 64 writing games in the BASIC language.  After completing a computer science degree, Mark developed software for several well-known internet startups during the initial internet boom of the mid 1990’s.  Five years ago Mark parlayed a two decades of software development experience into his latest entrepreneurial venture, LearnToProgram Media.

LearnToProgram Media publishes online courses that teach mobile, web, and game development. Over 500,000 people have learned programming from Mark through online classes he has either authored or published. In addition to publishing popular courses and books LearnToProgram Media operates an internet video network which produces several programs on software development.

Previously Mark founded PowerPlant Marketing, which created marketing automation software for REALTORS™.  After the sale of PowerPlant, Mark went on to found Internet Broadcasting Group which counted among it’s launch clients Nike, Blue Moon Brewing Company and Opubco.

Mark lives in Connecticut and speaks worldwide on software development, entrepreneurship and online learning.  He has spoken at TechWeek NY, TechWeek LA, and SXSW, among other large conferences.  In his spare time he he enjoys aviation, mentoring new business owners and spending time with life-long friends and family.

Ready to start learning?
Take This Course