HTML from Square One: Text Formatting
|
Andrew Martin Creative Director |
Welcome to the second entry of my series, "HTML from Square One". Please familiarize yourself with the first entry, HTML from Square One: Document Setup, if you haven't already. Today we will discuss the basic HTML tags used for text formatting. CSS allows us to customize how these tags look, however for now, we'll just show them 'out of the box' - the default display of the basic text formatting HTML tags. As we learned in the first entry, we will put all page content between the opening and closing <body> tags.
Headings
Let's start with the heading tags. HTML contains five heading or 'h' tags. The largest heading tag, <h1>, is used for major headlines, like the title of a news article. <h2> is used for sub-headings, as the outputted text is smaller than that of <h1>. <h3>, <h4>, <h5> continue to output smaller text as the number following 'h' increases. I think of the number representing the importance of the heading. The #1 most important heading gets <h1> and so on. Note that search engines think of 'h' tags in a similar fashion; a search engine will consider text inside an <h1> more important than text in an <h5> tag.
Code | Output |
<h1>Example Text</h1> | Example Text |
<h2>Example Text</h2> | Example Text |
<h3>Example Text</h3> | Example Text |
<h4>Example Text</h4> | Example Text |
<h5>Example Text</h5> | Example Text |
|
|
Design Blog
Industry News
Recent Design Blog Entries
- Web Design, Usability, and a bit of SEO - It's a Rap!
- HTML from Square One: Format Text
- HTML from Square One: Doc Setup
- Web 2.0 Tools for Modern Business
- Bloggers - Free and Low Cost Imagery
- Bloggers - How NOT to Use Type
- Bloggers - Resize The Right Way
- Does the 800 Wide Limit Still Apply?
- The Quality of Quality Content
- SEO - Importance of Keyword Research
- The Best $100 a Mac User Ever Spent
- 5 Solid, Free Script Fonts
- Easy CSS Centering
- How to 'Save for Web' in Photoshop