Structure of a Web Page (Clip 7): Gentle Introduction to HTML for Beginners

Every web page should have a firm foundation and solid supporting structure with !DOCTYPE, html, head, and body elements. And what to do when the web page doesn't display or doesn't display correctly.

*Lesson Links*

To view the code for the "coding along" exercises in this lesson, click the link below. This takes you to my GitHub, which is a site for storing code files. You can then copy/paste text from those files (saving you some typing) or compare your code to the code from the exercise.

*Content*
00:00 Firm foundation and solid supporting structure is important
00:26 Recommended structure: !DOCTYPE, html, head, body
01:42 The head element
02:00 The meta element: charset, http-equiv
04:06 The title element
05:27 Coding Along: Supporting structure (!DOCTYPE, html, head, body)
07:30 What if my web page doesn't display or doesn't display correctly (debugging web pages)
08:33 Key points

*Course Description*
Every web page you see is created with HTML. This course is a gentle introduction to the syntax and best practices of HTML.

You'll learn about HTML elements and attributes, how to structure a page, and use semantic elements to organize your content. You'll see how to build a list and table, add images and navigation, and create a data entry form.

You have the option of coding along with the course and building a website with HTML.

*Audience*
• Anyone new to web development.
• Students considering a web developer career.
• Existing web developers that want to reinforce their HTML knowledge.
• Those that manage or interact with web developers to better understand what HTML is and how it's used.

No prerequisite knowledge or skills are needed for this course.

This is the second course of the "How to Become a Web Developer" series.