Web Design Blog
Chuck, the SEO Rapper from PopLabs
|
Kyle Faber Account Director |
Yo check out this vid, it's really quite fly, you should take it to heart, make it the apple of your eye.
The SEO Rapper can give you the highlights, that work for designers, and clients alike.
May you farewell in life, May you farewell in death, by following his lines, you'll farewell the best.
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.
HTML from Square One: Document Setup
|
Andrew Martin Creative Director |
Welcome to the first entry where I will attempt to provide an intro to HTML. I learned HTML from scratch, and I continue to write HTML from scratch, in a text editor. Why not use a graphical, user-friendly software package to create HTML instead? I have found WYSIWYG ('what you see is what you get') HTML creation applications to produce wasteful, inefficient code. While I am in no way claiming to write the world's cleanest code, I do make the attempt to write efficient code. Furthermore, with a little practice, HTML is extremely easy to learn. Coding websites from scratch can save you hundreds of dollars, as you can use a free text editor as opposed to Adobe Dreamweaver ($399) or Microsoft Expression Web ($149). If you do have some money to spend, I would suggest Panic's Coda ($99), which speeds up the HTML coding process quicker and easier. I'll write a full review of Coda at a later date. Enough introduction - let's learn the first step to HTML mastery. In these tutorials, I will be explaining a form of HTML called XHTML, which is the most common form of HTML in the modern world.
Page 1 of 5
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