HTML Explained: Part 1

Want to save money while promoting your web-based business? Of course you do. Here's some advice on the matter, from a freelance copywriter who knows: it pays to learn the basics of HTML.

If you're like me (stubborn), you've probably been dodging HTML for many years. All that code mushed together... it's distressing to look at! But here's the thing: HTML is your friend. He might be ugly, but he's a good guy to have on your side.

Once you get a basic understanding of how HTML works, the gibberish starts to make sense. And that's when you'll realize how easy it is to create web pages for your own business without having to 1. pay a designer thousands of dollars, or 2. purchase one of those expensive web design programs.

Let's start with a general explanation. HTML stands for Hyper Text Markup Language. It's the basis for every single design element you see on a web page: layout, copy, image placement, links, music, animation, etc. People who design their sites using fancy web page creators with buttons and copy/paste features are merely controlling the HTML code via the program's graphic overlay. Underneath it all, the code's still there in its pure form. You can see it if you go to a webpage and then click View>Source from the top menu.

Easy Web Page Creation

You can create a professional-looking web page using HTML and the bare minimum of tools: a text program (such as Notepad) to write and save files in, a Web browser to view the files, and a photo-editing program such as Photoshop.

Ever visit a webpage and then click View>Source so you can stare at the "guts" and try to make sense of it? The text program that opens that page is the same one you'll use to create your own web page from scratch. Keep in mind, a text program is NOT the same as a word-processing program, such as Microsoft Word. If you use Word, you may accidentally save your file as a .DOC, and in doing so, create all kinds of coding problems that make your page look crazy. NEVER create web pages in Word!

Here are three salient points about writing HTML code.

1. Your text editing program does not recognize paragraph returns when you type them with the Enter key. You will separate your text manually, using HTML tags such as < P > and < BR >.

2. HTML code does not differentiate between capitals and lowercase. Your tags can be typed either way and they'll still work no matter what.

3. HTML doesn't recognize Smart Quotes- those curly quote marks that Word and other word processing programs like to convert your straight quotes (or inch marks) into when you least expect it. HTML also doesn't recognize "curly" apostrophes (as opposed to straight ones, or footmarks). If you use these in your web documents, the computer will interpret them as code and fill your web page with gibberish. So DON'T USE SMART QUOTES OR CURVED APOSTROPHES!

Creating a Text Document: the Basis for Your Web Page

Start a new file in your text program such as Notepad, then save it with the .html extension. For example, you might name your file, "myfirstwebpage.html". Later, after you've entered your code into the text program, view the page as it will appear on the web by using a web browser such as Explorer or Netscape. Click File>Open, and then enter the name of your file. Viola! There's the web page that YOU created! The great thing about this feature is that you can keep on saving your text file and refreshing the browser page to track your progress.

Keep in mind that the pages you create and save as .html files won't be available for viewing on the internet until you publish them. This is done by purchasing a web hosting package through one of the major web hosting companies; for example, GoDaddy.com. You're required to "rent a space" for each web domain you own. But that's a topic for another article entirely.

Now that you know how easy it is to create your own web page, it's time to uncover the "secret" to HTML! HTML is logic-based; and for those of us who love a good logic puzzle, this is truly a beautiful thing. If you're ready for some HTML web design revelations, read HTML Explained: Part 2!

Copyright 2005 Dina Giolitto. All rights reserved.

Dina Giolitto is a New-Jersey based Copywriting Consultant with ten years of industry experience. Her current focus is web content and web marketing for a multitude of products and services although the bulk of her experience lies in retail for big-name companies like Toys"R"Us. Visit http://www.wordfeeder.com for rates and samples.

In The News:


pen paper and inkwell


cat break through


Why Using an Ad Blocker Can be a Bad Idea

Ad Blocking is getting to be a common sport on... Read More

Do Higher Digital Camera Prices Mean Better Cameras?

Understanding digital camera prices makes finding the best camera value... Read More

An All Too Familar Pain

Lost & Found for the 21st CenturyIn today's hectic world... Read More

Cisco CCNA / CCNP Certification: OSPF ASBRs Explained And Illustrated

When I first started studying for my CCNP, some of... Read More

MCSE 70-290 Certification Primer

Microsoft Certifications are one of the most widely acclaimed, pursued,... Read More

How Does My PC Get Hot

There are many sources of heat that can raise the... Read More

DVD The Ultimate Consumer Digital Media

Digital Video Disc or as it is sometimes referred to... Read More

iPod - Learn How It Can Solve Everyday Problems

All over the world, people carry with them walkmans and... Read More

Keeping the Windows Registry Operational

The registry is where the computer stores information about the... Read More

Is Online DVD Rental or Pay-Per-View the Best Way to Get Your Movies?

With renting methods such as online DVD rental and pay-per-view,... Read More

How To Search Your PC With Google Desktop

In this era of Internet, most people are frequent users... Read More

USB Drives - What to Look For in a USB Device

Those small USB drives have so many names, pocket drives,... Read More

Keeping Passwords Secure

As the web has evolved, so have the methods of... Read More

5 Steps to Removing PC Clutter

It's hard enough as it is these days to get... Read More

Virtual Memory - What is It?

I recently got an e-mail asking about virtual memory. The... Read More

Password Nightmares

Good Morning Mr. Sampson. Please type in you Personal Identification... Read More

D2X Digital SLRCoolpix 8800 Actually Refers to Two Nikon Cameras

Addressing a D2X Digital SLRCoolpix 8800 search, this article provides... Read More

How to Use SQLXML to Retrieve Data from SQL Server Database?

Using SQL Server 2000 and above versions you can retrieve... Read More

Apache, MySQL & PHP for Windows

Apache, MysQL and PHP for Windows could be a nice... Read More

Web Standards

HTTP ProtocolThe web is run on port 80. You are... Read More

Plasma TV vs LCD TV

For those seeking to buy their first flat panel TV... Read More

The Help Desk

When you think of a help desk, what do you... Read More

Taking Advantage of the iPod Experience

Music lovers have been carrying around radios and other bulky... Read More

Home Electronics: The Facts About Plasma TV

Not so many years ago, homes across the country watched... Read More

Buying a Personal Computer (PC)

For many people the computer industry is a seeming unsolvable... Read More

PC Tools Youd Never Think You Need

Do you use Windows standard uninstall feature? How do you... Read More

Back Up, Back Up, Back Up!

This is not your typical lost data story. I was... Read More

Repairing A Corrupt .RAR/.ZIP Archive

Step 1:Open WinRAR and browse to the folder with your... Read More

Looking For an MP3 Player?

If you don't have an mp3 player, and even if... Read More

Maintain Your Computer ? Keep Your Business Running

Maintaining your computer is extremely important ? especially if you... Read More

Your Affiliate Business - Peripherals, Software, Computers

I have always been interested in computers, but in the... Read More

Choosing a Portable MP3 Player: Part 1

MP3 players are everywhere! It seems that the number of... Read More

Flow Text Around a Graphic in Microsoft Word

Flow Text Around a GraphicQuestion: I have inserted a photo... Read More