Series: HTML and CSS (with HTML5) for Beginners

None of the lesson in this series have been reviewed.

Below are the descriptions for each of the lessons included in the series:

• Introducing Web Development Technologies

  Learn about the different technologies used when creating web applications and web pages. Mark discusses HTML, Javascript, CSS and server side technologies.

• Basic Document Structure for HTML 4.01 and XHTML

  With several different versions of HTML, creating your basic document structure correctly can be confusing. In this video, Mark will guide you through creating a correct document structure using both HTML 4.01 and XHTML

• Creating Your First Page with HTML

  Create your first hand-coded HTML web page and display it in the browser of your choice. Mark will show you what you need and guide you through writing your first script.

• Basic Document Structure HTML5

  HTML5 won't become a W3C standard until 2014, however many web developers and designers are taking advantage of it's power now. Learn how to correctly structure HTML5 documents by watching this video lecture.

• Using Comments in HTML

  Every good instructor will tell you to comment your code. In this video lecture Mark will show you the techniques for commenting code in HTML and also show you how to use comments in debugging.

• HTML Head Elements

  While your users will never see them, Google and other search engines will. Correct use of Head Elements can mean the difference between quality traffic and no traffic to your web site. In this video Mark will show you how to correctly use meta tags in the head section of your HTML document.

• HTML Text Markup

  HTML is design to allow you to define the purpose of your text content a number of different ways. In this video lecture Mark will show you the main tags used for text mark-up in HTML.

• Div and Span Tags

  Div and Span tags are critical. With these tags you can create "hooks" to layout your document in columns and rows as well as set aside areas of text for special formatting. In this video Mark will show you how to use the div and span tags correctly.

• HTML5 Text Markup Tags

  HTML5 brings semantic markup to a new level, allowing designers and developers better control over their content. Mark will demonstrate the proper usage of many of the new HTML5 text markup tags.

• Selecting Text Color, Font and Size with CSS

  CSS or Cascading Stylesheet Language allows the designer to select many aspects of the design of a web page. In this video Mark will demonstrate how to use CSS code to set the color, font-family and size of text. This video is perfect if you've never before used CSS.

• More CSS Text Options

  More CSS as Mark demonstrates how to align text, indent text and use some other features that allow you to control the appearance of text elements using CSS.

• Ordered Lists

  It's long been known that users don't read content on the web-- They scan. That's why lists are critical when laying out content. In this video Mark will show you how to create numbered lists using HTML.

• Bulleted Lists

  Bulleted lists are also popular on the web. In this video Mark will show you how to create bulleted lists which are also known as unordered lists in HTML.

• Controlling List Appearance with CSS

  Cascading Style Sheets aren't just for text-- They can also control the appearance of lists. In this video lecture Mark will show you how to use CSS with lists to display a list with a custom bullet.

• Creating Anchors in HTML

  For longer documents, anchors are an excellent way of allowing users to navigate through the document. In this video Mark will show you how to use anchors and links to create navigable HTML documents.

• Styling Links with CSS Pseudo-Classes

  Changing the appearance of links using CSS pseudo-classes is an important HTML skill. Mark will show you how to change the look of new, visited and active links in this video lecture.

• Creating Internal and External Links

  Linking from one web site to another is how the web was built. In this video Mark shows you the HTML code to link to external pages as well as linking between pages on your site.

• Displaying and Styling Images with HTML and CSS

  They say a picture is worth 1,000 words-- and perhaps on the web they are worth more. In this video lecture Mark will share how to place images on a web page and show you the necessary CSS code to alter the images' appearance.

• HTML Audio Embeds

  Before HTML5 playing audio require use of a cumbersome plug-in like Flash. However, now browsers can play audio content natively. In this video Mark shows you the HTML5 code.

• HTML Video Embeds

  Video has become an important component of the web experience. In this video Mark will show you how to play video directly in the browser using HTML5.

• Creating Tables with HTML

  Lots of information can be best displayed in a table. HTML provides several tags to help you create tables. In this video Mark will demonstrate how to create a table using HTML.

• Styling Tables with CSS

  Creating tables with HTML is easy-- Making them attractive takes some CSS. In this video lecture, Mark will demonstrate several techniques for creating attractive, readable tables with CSS code.

• Creating Text Form Elements

  If you need to get information or input from a user of your site you'll need to know about HTML form elements. In this video Mark discusses text elements.

• Radio Buttons and Checkboxes

  Radio Buttons and Checkboxes are great when the user needs to select one, or multiple options from a list. In this video lecture Mark will show you how to create forms with both radio buttons and checkboxes.

• New HTML5 Form Elements

  One of the most vast improvements in HTML5 is in the area of forms. In this video lecture, Mark will guide you through the various new types of input controls that can be used in HTML5.

• Creating Multi-Select Elements

  A couple of HTML elements will allow the users to select multiple options. In this video lecture Mark will review drop-downs and other options for multi-select elements.

• Understanding the CSS Box Model

  To understand CSS page layout, you have to understand the CSS box model. In this video lecture, Mark discusses the CSS box model and it's components: margin, border and padding

• Working with Margin and Padding

  Margin and padding are used to appropriate space HTML elements using CSS. In this video lecture, Mark will show you how to best use margin and padding to take control over your layouts.

• Understanding Inline and Block Level Elements

  Understanding the difference between inline and block level elements is the first step towards understanding CSS layout. In this video Mark demonstrates both.

• Understanding Float and Clear

  Using Float and Clear with HTML divs allows you to line up HTML elements almost any way you choose. In this video Mark will help you understand completing a CSS layout with float and clear.

• Creating a CSS Based Navigation Bar

  Creating modern navigation bars with your sites can (and should) be done with just HTML and CSS. In this video lecture Mark will show you how to make an interactive navigation bar using HTML and CSS code only.

Supplementary Files:

• Once you purchase this series you will have access to these files: