HTML: Chapter 1 (a.k.a., The Basics)


© Christopher Cummings

I've said it before, but it's worth repeating: Before you build your website, stop and think. Understand why you're building this site. And plan accordingly.

(You'd be amazed at how often sites are built without enough forethought, and what a difference thinking ahead can make.)

Thinking and planning will never — should never — go away. That is, you should always be evaluating your site and finding ways to make it better. But the more thinking you can do up front, the better.

If you haven't done this thinking yet, please go do so. (We'll wait right here for you.)

You're back? Good. Let's go over some basic HTML concepts ... such as, "What is HTML?" Then, let's start to build.

HTML (HyperText Markup Language) is the major language of the World Wide Web. Using HTML, you can bring text, graphics, movies and sounds together in one place.

HTML documents have two main parts, the <HEAD> and the <BODY>. The <HEAD> contains the document's title as well as unseen information (meta information). The <BODY> contains the visible parts of the page. Both of these main parts are contained in the <HTML> tags.

  • <html></html>
    Creates your HTML document
  • <head></head>
    Sets off the title and other info that's not shown on your webpage
  • <body></body>
    Sets off the visible parts of your webpage
Inside the <HEAD> tags, you can specify the title of your document by using the <TITLE></TITLE> tag. Whatever text you put between these tags will appear in the title bar of your document. For example, the title of this document is "HTML: Chapter 1 (a.k.a., The Basics)."

In the <BODY> tag, you can specify other aspects of the page such as:

  • bgcolor=?
    This tag sets the background color of your page. Replace the ? with a hexadecimal color code. White (#ffffff) is a common background color.
  • text=?
    Specifies the color of your text using hexadecimal color code. Black (#000000) is a common text color.
  • link=?, alink=?, vlink=?
    Sets the colors of links before, during and after being clicked on
HTML files usually have the extension of .htm, .html, or .shtml. HTML files are "plain text" files, meaning they can be edited on any computer, including PCs and Macintosh.

Tags in HTML aren't case sensitive — meaning, for example, <BODY> and <BoDY> and <body> all mean the same thing to your browser (the software which interprets your HTML and displays it to you).

Next time, we'll start using fonts and other text formatting tags to fill your HTML page with content. See you then!

Go To Page: 1


The copyright of the article HTML: Chapter 1 (a.k.a., The Basics) in Web Editing is owned by . Permission to republish HTML: Chapter 1 (a.k.a., The Basics) in print or online must be granted by the author in writing.

Post this Article to facebook Add this Article to del.icio.us! Digg this Article furl this Article Add this Article to Reddit Add this Article to Technorati Add this Article to Newsvine Add this Article to Windows Live Add this Article to Yahoo Add this Article to StumbleUpon Add this Article to BlinkLists Add this Article to Spurl Add this Article to Google Add this Article to Ask Add this Article to Squidoo