HTML and CSS Reference
In-Depth Information
</p>
</form>
The elements
<h1>
,
<h2>
,
<h3>
,
<h4>
,
<h5>
, and
<h6>
are used to mark up headings in your page.
The number in the element name represents the heading's importance, with 1 being the most important
and 6 being the least important.
<h1> - <h6>
<h1>Main Page Title</h1>
<p>Some text content...</p>
<h2>Subtitle</h2>
<p>Some more text content...</p>
The
<head>
element should contain a collection of metadata about the page, such as the page title,
references to stylesheets, and the page keywords and description.
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8”>
<title>HTML5 Foundations</title>
<link rel=”stylesheet” href=”css/style.css”>
<head>
<body></body>
</html>
<head>
The
<header>
element is used to mark up the header of a document or section. The header typically
contains a heading element (
<h1>
-
<h6>
) and metadata about the section.
<article>
<header>
<h1>About HTML5 Foundations</h1>
<p>Posted on 20 August 2012</p>
</header>
<p>
The section content...
</p>
</article>
<header>
The
<hgroup>
element is used to group together two or more heading elements. When the HTML5
outlining algorithm examines the page hierarchy, only the heading element with the most importance
within the
<hgroup>
will be used.
<hgroup>
<hgroup>
<h1>Venture Deals</h1>
<h2>Be Smarter Than Your Lawyer and Venture Capitalist</h2>
</hgroup>
The
<html>
element represents the root of a HTML document. Everything except the DOCTYPE de-
claration should be enclosed within the
<html>
element.
<html>
<!DOCTYPE html>
<html>
<head>...</head>