HTML Core Elements
These are the most essential elements; there are more elements in each category.
1: Document Level Elements
Be sure to nest these elements properly with their end tags:
2: Block Level Elements
Content goes into the
Text has two types of core container elements: headings and paragraphs. A third, blockquote, is for specialized use with quoted material.
There are six levels of headings in HTML, each larger number is commonly shown as a smaller sub-heading.
First Level Heading
Second Level Heading
Third Level Heading
Fourth Level Heading
Fifth Level Heading
Sixth Level Heading
Paragraphs are simply one size, the size that the user has chosen for the browser to display most comfortably.
Blockquote should be used to set off a lengthy quotation from a source other than the author of the preceding and following paragraphs. Blockquote may or may not contain paragraphs and headings for the quoted material.
This is some text in a paragraph. It is in sentences. This paragraph is followed by a blockquote.
Blockquote should not be used to simply achieve margins; use CSS to do that, or a percentage-width div or table.
3: Inline Elements
Many elements can be used to affect the meaning (and thus the rendered appearance) of an HTML paragraph.
If the two are used together, be sure they use the First In, Last Out nesting principle.
Some inline elements may suggest to the browser some physical change in the rendering of the content in the element.
4: Core Empty Elements
Several HTML elements have no content, and behave differently from content elements
Break may be used within a block element or between two block elements.
This paragraph has a
Several breaks were inserted between the previous paragraph and this paragraph. Some browsers may collapse the space into one empty line.
5: Core Presentational Attributes
Alignment can be used on headings or paragraphs, or for shortened horizontal rules.
Scale a horizontal rule with a width attribute, and make it black and thin.
Scale a horizontal rule with a width attribute, align it, and make it black and thick.
(Some browsers may also honor the non-specification
(See also the Color page for more on how to make HTML colors.)
Norwalk Community College - Extended Studies & Workforce Education
WWW Internet - Creating Home Pages with HTML
Copyright © 2001 by Gary Munch.