Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
This course introduces web designers to the nuts and bolts of HTML (HyperText Markup Language), the programming language used to create web pages. Author Bill Weinman explains what HTML is, how it's structured, and presents the major tags and features of the language. Discover how to format text and lists, add images and flow text around them, link to other pages and sites, embed audio and video, and create HTML forms. Additional tutorials cover the new elements in HTML5, the latest version of HTML, and prepare you to start working with Cascading Style Sheets (CSS).
In previous versions of HTML there were two basic categories of elements; Block Elements, to find areas of a document and Inline Elements would flow with text. In HTML5 this concept is expanded into several overlapping categories. Content models define what types of content are expected in certain contexts. A given element may only have content that matches the requirements of its content model. An element's content model may include zero or more categories of content, and an element may also belong to zero or more categories.
In HTML5 there are seven content models. These content models overlap each other, that is, some elements may belong to more than one Content model. Most elements that are used in the body of a document are Flow Content. This includes text, paragraphs, headings, lists, hyperlinks, images, embedded media, and well just about everything. You'll notice in our Venn diagram the Flow Bubble encompasses almost all the other bubbles except part of the metadata. Phrasing Content includes the text of the document as well as elements that markup that text.
This includes images, hyperlinks, form elements, text markup like B and I elements, and pretty much anything else you can put in a paragraph. Heading Content includes the heading elements, h1 through h6, and the new h group element. Sectioning Content includes the new sectioning elements; article, aside, nav, and section. Embedded Content is content that imports another resource into the document or content that is otherwise inserted into the document; this includes video, audio, flash, other plug-ins as well as images, canvas, and even math objects.
Interactive Content is content that is specifically intended for user interaction like hyperlinks, form elements, menus, and even media if it has the controls attribute. Metadata Content is content that sets up the presentation or behavior of the rest of the content, or that sets up the relationship of the document with other documents, or that conveys other out-of-band information. These seven content categories represent the bulk of the content models used in HTML5. Understanding these will help you to write conforming documents that'll be portable and maintainable well into the future.
Find answers to the most frequently asked questions about HTML Essential Training.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.