HTML5

Warm up your keyboard and get ready to work. In this lesson—an important foundation for the series as a whole—you'll be fully immersed in what it takes to build an HTML5 web page, including the utilization of HTML5 structural elements in a real scenario. Download the source code for Creating Your…

Now that you've built a semantically well-structured and marked-up HTML5 web page, you'll apply a CSS3 style sheet to give the new page a simple but attractive appearance.  Download the source code for Styling Your First HTML5 Web Page with CSS3

In this lesson, Bob discusses the various semantic meanings of popular HTML5 inline tags useful for marking up text inside of paragraphs, including b, i, small, em, mark, span, and much more. Download the source code for Working with Paragraphs and Text

In Lesson 2, you worked with Bob to create a semantically correct HTML5 page. But Bob didn't spend much time explaining each individual element—its purpose, your options, etc. That process begins in this lesson as he talks about what makes HTML5 special, the purpose for things like DOCTYPE, meta…

This lesson demonstrates how to add a rudimentary level of interactivity to your web pages by allowing users to input information via forms. We'll look at over a dozen examples of common form elements allowing us to guide the user to input high-quality data. Download the source code for…

Laura & Paul are back in action and ready to bring you all the news that Microsofties are talking about. Hot stories this week include: Kinect plays with your Windows PhoneGamertags brought back to lifeLive Mesh hits big numbersDev Unplugged

Here is an introduction to a new Tower Defense game called Pirates Love Daisies. If you like TD games, I think it could keep you very busy over the holiday break. It was written by Grant Skinner at GSkinner.com. Grant is a Flash developer and this was his for project for HTML5. That's right, the…

We've already used a few list style tags in our HTML5 pages, but now we'll learn how to create a semantically rich set of lists for creating ordered and unordered lists, definitions of terms, and using lists to create navigation—a popular technique in web development. Download the source code for…

In this final video, Bob provides a roadmap for topics that will help you take your newfound knowledge much further.  Topics include a short history of laying out web pages in HTML and CSS, current directions in web page layout with grid based and liquid—or rather, responsive—web design, mobile…

This lesson demonstrates how to include images as well as whole figures with captions in your HTML5 web pages.