Beginning HTML5 and CSS3 For Dummies
Book image
Explore Book Buy On Amazon

Beyond their mandatory division into head and body sections, text in the body of an HTML document may be organized in any number of ways.

[Credit: ©]
Credit: ©

Document heads

Inside the section, you may (and probably should) define all kinds of labels and information, including a title. Such definitions help you describe the document that follows, including the character sets it uses, metadata for search engines and page descriptions, and instructions to the web server that delivers your page, default style sheets, page refresh behavior, and lots more.

(Note: Metadata literally means “data about data” — in this case, it means information about the web page that follows.) To find out more about the HTML element, please visit these sites:

The section is where real content lives in HTML documents and where the vast majority of HTML elements and markup appears.

Document headings

Headings in HTML are usually denoted using elements

. These are different from an HTML document because they establish running heads within document content in the .

Text containers

The paragraph (

) element in HTML is probably the best known text container, but HTML supports all kinds of other text containers, too. Other such elements include the following (in alphabetical order):

  • : Represents an article, a piece of standalone content.

  • : Presents standard content or information at the top of a web page (banner, navigation aids, shared text, and so forth).

  • : Presents standard content or information at the bottom of a web page (copyright notices, minor navigation, feedback solicitation, and so on).

HTML also includes all kinds of ways to emphasize or identify text inside paragraphs or other text containers.


HTML supports easy definition of numerous kinds of lists, including bulleted (unordered) lists, numbered (ordered) lists, and even lists of definitions (which include terms and descriptions). You can nest lists within lists to create as many levels of hierarchy as you might need. (Nesting your lists is particularly useful when outlining a complex subject or modeling a table of contents with numerous heading levels.)


In addition to a variety of listing mechanisms, HTML includes markup for defining tables. Tables were really popular in the 1990s for managing complex page layouts; today they’re used primarily for tables of information, as they should be. Structure is part of how markup works, so within the definitions for an HTML table, you can

  • Distinguish between column heads, table data, and table footers or comments.

  • Manage how rows and columns are defined, with controls that let you span rows or columns for grouping and organization.

Cascading Style Sheets (CSS) markup

CSS markup may occur in separate style sheet documents, in a block of text inside an HTML document , in a style attribute for an individual HTML element within the document body, or in some combination of all three forms.

CSS provides detailed control over font selection, use of color for text and backgrounds, positioning of text and other elements on a page, and (as the old Ronco ad intones) much, much more!

You can build a website without using CSS (using CSS requires more work), but it’s the right tool for precise control over look and layout. Highly recommended!

About This Article

This article is from the book:

About the book authors:

Ed Tittel is a 30-year veteran of the technology industry with more than 140 computing books to his credit, including the bestselling HTML For Dummies.

Chris Minnick runs Minnick Web Services. He teaches, speaks, and consults on web-related topics and has contributed to numerous books, including WebKit For Dummies.

This article can be found in the category: