Patterns of Chaos
» HTML Tutorial » Headers and Text
Logo

Headers and Text

In the last lesson, you learned how to make a header and a paragraph. We also noted that there were other sizes of headers. Now, we're going to put all this together into a more complete page.

Let's start with the headers. We have already discussed <h1>. There are a total of six different sizes of headers. I'm sure you can guess what they are: <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>. Here is what they look like:


 

The numbers corespond to the level of the header within the page structure: <h1> is the biggest, and should be used for page or document titles. <h2> would be appropriate for section headers, and <h3> would be used for sub-sections.

Given this, you can see how a document might be structured using the different sections. As an example, let's see how we might build the U.S. Constitutino as an HTML page (I'll only use some excerpts, for purpose of demonstration):

<html>
  <h1>The Constitution of the United States of America</h1>
  <p>We the People  of the United States, in Order to form a more perfect Union,
    establish Justice, insure domestic Tranquility, provide for the common
    defence, promote the general Welfare, and secure the Blessings of Liberty to
    ourselves and our Posterity, do ordain and establish this Constitution for
    the United States of America.</p>
  <h2>Article I</h2>
  <h3>Section 1</h3>
  <p>All legislative Powers herein granted shall be vested in a Congress of the
    United States, which shall consist of a Senate and House of Representatives.</p>
  <h3>Section 2.</h3>
  <p>The House of Representatives shall be composed of Members chosen every
    second Year by the People of the several States, and the Electors in each
    State shall have the Qualifications requisite for Electors of the most
    numerous Branch of the State Legislature.</p>
  <p>(...)</p>
  <h2>Article II</h2>
  <h3>Section 1.</h3>
  <p>The executive Power shall be vested in a President of the United States of
    America. He shall hold his Office during the Term of four Years, and,
    together with the Vice President, chosen for the same Term, be elected,
    as follows:</p>
  <p>(...)</p>
  <h3>Section 2.</h3>
  <p>The President shall be Commander in Chief of the Army and Navy of the
    United States, and of the Militia of the several States, when called into
    the actual Service of the United States; ...</p>
  <p>(...)</p>
  <h2>Article VI</h2>
  <p>All Debts contracted and Engagements entered into, before the Adoption of
    this Constitution, shall be as valid against the United States under this
    Constitution, as under the Confederation.</p>
  <p>(...)</p>
</html>

Copy this to your text editor, save it, and open it in your browser, or click here to see it (opens a new window)

By this time, you should have a decent understanding about how to use header tags and paragraphs. Since nothing else can substitute for first-hand experience, you should take some time to experiment a little with your own pages, and become comfortable working with HTML code

Contact