The best way to learn HTML is by example, and your browser is your best teacher! Whenever you are surfing and see something you like, click on your browser's choice to View Source. If you are looking at a long complicated page with a lot of columns, etc... it can be rather hard to decypher. This section shows you popular HTML tricks as stand-alone examples. Just copy and paste the source code into your HTML file, and then modify it to meet your needs. Never be bashful about using other people's techniques! You will find your own style eventually. NOTE: If you are looking for a particular solution to a problem, be sure to look around under each heading. Very often the solution to your problem is not what you would expect it be.

About Colors in HTML As you look at HTML source code, you may be wondering about all of these BGCOLOR="#FFFF00" in various tags. There is nothing magical about it! If you want to master the art of RGB ( RED- GREEN- BLUE) Please take a moment to read all about colors.

About Menus & Navigation Devices The Image Map Page is now open. In addition, you should also visit the Navigation Devices Page to take a look at some other nice ways to allow visitors to surf your site (including pulldown selectors). Whatever method(s) you choose- always be consistant so your site has a good look and feel to it.

Page Formatting Tricks Tricks using Lists What is involved in making a simple, bulleted list? I want pretty graphics, not black dots for my bullet list! I don't want numbers, bullets or graphics. Another way to indent your text. I need to create an outline but I don't want to have to renumber and re-letter everytime I add or remove something. What can I do? Tricks using Tables I need to have two tables sit side by side, but no matter what I do, they end up stacked. What gives? How can I have tables with vivid colors next to each other, without spaces or lines between them? How can I make a table cell that contains no information look like a cell that has data in it? Using non-printable characters to hold a cell open. I have a rather bold image I would like to use as a background, but it's too overpowering. What can I do? How do you get things to sit in a table properly? I don't want text in a short column appearing in the middle. I need to present columns of numbers next to text, like a spreadsheet. The decimal points won't line up. What gives? Here is a fast way to format text and numbers using TABLES. I just spent $12 million on a Van Gogh for display on my web site. I can't afford a frame for it. What can I do? I have a background image with a line down the left side. How can I leave a margin so my text does not end up in it? Also, how do I prevent the line from reappearing in the middle of the page? I have a background image with a line down the left side. I want complete control over my left margin width. How can I present text in columns, like a newspaper? The columns are a nice touch. How can I put a vertical line between them? How do you get your text into those pretty boxes? Tricks with Navigation Is it possible to have a text link without an underline? When viewed with Netscape, some of my graphics only links have a underscore (tick) next to the lower right corner. Make it go away! How can I make it so that if somebody has locked my site in their FRAMES, I can let the viewer escape and enjoy my site as I designed it? Speaking about having my site break out of frames, is there an automatic way to do it? How can I direct a browser to go to a specific point on a page? I have a page with a lot of stuff on it, and it is hard if the readers can't find what they want. I have moved an important page, or even my entire site. How can I leave a forwarding message behind that will automatically send the reader to the new page? Tricks with Images Can I adjust the size of my graphics using only HTML? I hate having to resize things using my graphics program all the time! Is there a way I can control indentation? Yes, this is really an image trick! Where can I find a handy color chart? What are the best colors to use? I want my text to continue down the side of an image as it would in a book, not have just one line of text next to it. Also, how do you get the text to go back to the proper margin afterwards? Learn how to place images on the left and right sides of the page. Text Formatting Tricks What is the text based technique to indent the start of a paragraph? How can I vary the fonts in my text? How can I vary the color of my text? I want to ident with wider margin on both the left and right sides, but do not want to hassle with a table. Formatting using <BLOCKQUOTE>. What is the very least I need to do to put a document on the web? I am trying to use an & in my text and its messing up my page. Why won't my ©Myname display as ©Myname? Don't forget that semicolon when creating special characters. Please note that the problem described does not occur in all browsers. If the words &copyMyName do not appear above- you at least do not have this problem with your browser.

Things for Forms How to use a graphic image instead of the grey button to submit a form. I could use one of those pull-down selectors for a list of states.(US) While I'm here, do you have a pull-down selector with ALL of the countries? Is there a way to pop open a window to help a user fill-out a form? An image map would be great.

Assorted Cute Tricks I want to allow people to download files from my site, but I do not have something called an FTP server. What can I do? How do I get my site's icon to appear in the navigation window of MSIE 5? How can I create a link that will allow users of MSIE 5 to automatically add my page to their list of favorites?