Image Unavailable
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:

    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:

This is a Test

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

h1 rocks!

This uses the following code:

    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 »

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

Not defined in Base CSS.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License