Outline

Click to view in closer detail!

Description »

The tag for level one headers. Level one headers are usually the largest header possible and are made with the <h1> tag.

Details »

The <h1> tag in HTML defines what is conventionally the most prominent header for a document. The headers on this page are h1 headers. Thus the h1 type selector modifies how this header looks. Common modifications made to a header are size, font family, and color.

At Wikidot, the header (the site's title) is an h1 header that uses an <h1> tag.

Examples »

Usually, a header is altered in size, font family, or color. h1 headers in particular can also have an underline underneath. For instance, if you wanted the h1 headers to have an underline, you could use the following code:

h1{
    border-bottom: 1px solid #0018AA;
}

We used border-bottom because if we had used text-decoration:underline instead, then only the words are underlined, not the entire h1 area. The header directly below uses this code:

You can also change other attributes of the header. For instance, the bottom demonstrates a change in color and font family.

This uses the following code:

h1{
    font-family: 'Comic Sans MS';
    color: #0A0;
}

You can also customize h1 in any other way you want.

Try It on the CSS Zone Sandbox!

Base CSS »

h1{
    font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
}
h1{
    font-size: 190%;
    font-weight: normal;
}
h1 a{
    text-decoration: none;
}
#header h1{
    margin: 0;
    padding: 0;
}