You can learn anything on Udemy. Start today with one of our 10,000+ online courses

HTML Tutorial: HTML & CSS for Beginners

Learn HTML and CSS (with HTML5) from master trainer, Mark Lassoff - No experience required. Certification Available.
112 reviews
WHAT'S INSIDE
  • Lifetime access to 83 lectures
  • 3+ hours of high quality content
  • A community of 10700+ students learning together!
  • 190+ discussions
TAUGHT BY
  • 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.tv

    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. In addition to traditional classroom training and consulting, Mark releases video tutorial training for aspiring programmers on his website, www.LearnToProgram.tv and Udemy.com.

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

SHARE

HTML Tutorial: HTML & CSS for Beginners

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

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.

    • PC, Mac or Linux PC
    • Text Editor (Free!)
    • Web Browser or two
    • 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...
    • 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

CURRICULUM

  • 1
    HTML And CSS For Beginners
    01:56
  • 2
    Course Introduction
    01:49

    Please watch this first.

  • SECTION 1:
    Chapter 1: Welcome to HTML
  • 3
    1.01 Web Development Technologies
    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.

  • 4
    1.02 Hello World with HTML
    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.

  • 5
    1.03 Hello World HTML File
    160 B

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

  • 6
    1.04 Basic Document Structure HTML 4.01/XHTML
    09:04

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

  • 7
    Basic Document Structure 4
    257 B

    HTML file with Basic Document Structure for HTML 4.01.

  • 8
    Basic Document Structure XHTML
    356 B

    Basic document structure for an XHTML document.

  • 9
    Basic Document Structure HTML5
    01:52

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

  • 10
    Basic Document Structure HTML5
    172 B

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

  • 11
    Using Comments in HTML
    05:02

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

  • 12
    Comments
    489 B

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

  • 13
    HTML Head Elements
    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.

  • 14
    Head Elements Script
    517 B

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

  • 15
    Chapter 1 Lab
    104.27 KB

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

  • SECTION 2:
    Chapter 2: Text Markup
  • 16
    Text Markup
    10:07

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

  • 17
    Text Markup
    725 B

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

  • 18
    Div and Span Tags
    05:19

    In this lecture Mark goes over Div and Span tags.

  • 19
    Div And Span
    656 B

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

  • 20
    HTML5 Text Markup Tags
    08:31

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

  • 21
    HTML5 Text Mark Up
    909 B

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

  • 22
    Selecting Text Color, Font and Font Size
    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.

  • 23
    Text Colors, Fonts and Font Sizes
    2.91 KB

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

  • 24
    Text Colors, Fonts and Font Sizes CSS
    759 B

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

  • 25
    Text Alignment, Decoration, Indentation and Text Transformation
    05:41

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

  • 26
    Text Alignment, Decoration, Indentation CSS
    1019 B

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

  • 27
    Text Alignment, Decoration, Indentation and Text Transformation
    2.91 KB

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

  • 28
    Chapter 2 Lab
    49.5 KB

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

  • SECTION 3:
    Chapter 3: Working with Lists
  • 29
    Ordered Lists
    03:19

    In this lecture Mark describes how to use ordered lists.

  • 30
    Ordered List
    505 B

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

  • 31
    Unordered Lists
    02:48

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

  • 32
    Unordered List
    515 B

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

  • 33
    CSS for Lists
    04:51

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

  • 34
    CSS for lists
    936 B

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

  • 35
    Star Bullet
    171 B

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

  • 36
    Chapter 3 Lab
    48.78 KB

    These are the lab exercises for Chapter 3.  Please complete these after watching the video lectures.

  • SECTION 4:
    Chapter 4: Creating HTML Links
  • 37
    Creating Internal and External Links
    11:08

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

  • 38
    Links
    569 B

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

  • 39
    Places
    452 B

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

  • 40
    Creating Anchors
    07:41

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

  • 41
    Page Anchors
    10.61 KB

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

  • 42
    Styling Links with CSS Pseudo-classes
    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.

  • 43
    Styling Links
    10.85 KB

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

  • 44
    Chapter 4 Lab
    64.68 KB

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

  • 45
    Lab Starter
    11.49 KB

    This is the Chapter 4 lab starter file.

  • SECTION 5:
    Chapter 5: Working with Images and Media
  • 46
    Displaying Images/Image Links/ Image Styling with CSS
    08:22

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

  • 47
    Images
    1.5 KB

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

  • 48
    Javascript Image
    396.53 KB

    Here is the Javascript image that Mark used in the images video.

  • 49
    LearnToProgram.Tv Logo
    10.82 KB

    This is the logo that Mark used in the Displaying Images video to demonstrate using images as links.

  • 50
    HTML5 Audio Embeds
    05:07

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

  • 51
    Audio
    354 B

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

  • 52
    Audio
    2.18 MB

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

  • 53
    HTML5 Video Embeds
    03:29

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

  • 54
    Video
    275 B

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

  • 55
    Video Sample
    33.13 MB

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

  • 56
    Chapter 5 Lab
    52.87 KB

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

  • 57
    Sample Images
    533.24 KB

    These are the sample images required to complete lab 5.

  • SECTION 6:
    Chapter 6: HTML Tables
  • 58
    Creating Tables with HTML
    06:40

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

  • 59
    Creating Tables
    853 B

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

  • 60
    Styling Tables with CSS
    12:27

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

  • 61
    Styling Tables
    2 KB

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

  • 62
    Chapter 6 Lab
    89.78 KB

    These are the lab exercises for Chapter 6.  Please complete these after watching the video lectures.

  • SECTION 7:
    Chapter 7: HTML Forms
  • 63
    Creating Text Form Elements
    08:42

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

  • 64
    Form
    931 B

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

  • 65
    Creating Radio Button and Checkbox Elements
    09:03

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

  • 66
    Creating Radio Button and Checkbox Elements
    2.08 KB

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

  • 67
    New HTML5 Form Elements
    09:42

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

  • 68
    New HTML5 Form Elements
    569 B

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

  • 69
    Creating Multi-Select Elements
    06:13

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

  • 70
    Creating Multi-Select Elements
    844 B

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

  • 71
    Chapter 7 Lab
    51.26 KB

    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
  • 72
    Understanding the Content Box Model
    02:24

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

  • 73
    Working with Margin and Padding and Borders
    11:46

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

  • 74
    Box Model
    2.32 KB

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

  • SECTION 9:
    Chapter 9: CSS Based Page Layout
  • 75
    Inline Vs. Block Level Elements & Positioning Divs
    09:22

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

  • 76
    Inline vs Block
    2.29 KB

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

  • 77
    Float and Clear
    13:22

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

  • 78
    Float and Clear
    7.55 KB

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

  • 79
    Creating a CSS Navigation Bar
    09:55

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

  • 80
    Navigation Bar
    1.35 KB

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

  • 81
    Chapter 9 Lab
    268.64 KB

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

  • 82
    Lab Starter
    8.17 KB

    This is the lab started file for Chapter 9.

  • SECTION 10:
    Lab Solutions
  • 83
    HTML 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.

RATING

  • 63
  • 32
  • 10
  • 3
  • 4
AVERAGE RATING
NUMBER OF RATINGS
112

REVIEWS

  • 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

  • Patrick Breslin
    Great beginners course in HTML and CSS

    This course is pitched just right if your familiar with computing, but want to get a grounding in HTML and CSS.

  • 30 day money back guarantee!
  • Lifetime Access. No Limits!
  • Mobile Accessibility
  • Certificate of Completion
STUDENTS WHO VIEWED THIS COURSE ALSO VIEWED: