Frontend Engineering, Volume I

Example 2b, Headings

headings.html

Edit your template.html and immediately save as headings.html. (Making a habit of immediate saves will make your templates last longer!)

Enter an <h1> heading. Make five copies and use your editor to find/replace to create a set of headings like the ones you see here. Save this in a folder you create for this file and a soon-to-be growing collection of sibling files.

In Notepad++:

<!DOCTYPE html>

<html>

    <head>


    </head>

    <body>

        <h1>This Is an H1 Heading</h1>
        <h2>This Is an H2 Heading</h2>
        <h3>This Is an H3 Heading</h3>
        <h4>This Is an H4 Heading</h4>
        <h5>This Is an H5 Heading</h5>
        <h6>This Is an H6 Heading</h6>

    </body>

</html>

In Opera:

Six levels of HTML headings.

© 2012, Martin Rinehart


Feedback: MartinRinehart at gmail dot com

# # #