I am going through some old hard drives and found some golden oldies, including an Intro to HTML document I wrote. It’s really just too good not to share. So behold, How to Learn HTML, circa 2000, excerpts for your enjoyment.
A Crash Course in HTML
An HTML document can be identified two ways: it is surrounded by the <HTML></HTML> tags, and has .htm or .html as the document type in the address bar. All HTML codes are surrounded by the < > brackets. There are a few important things to remember when you are attempting to make a web site with HTML.
It is nothing like making a Microsoft Word document or any other word processor on your computer. Every tiny thing must have a code. Everything has to spelled out exactly- every return, every image placement, EVERYTHING.
Different browsers (Netscape, IE, etc) interpret the codes, along with mistakes in the codes, differently. Everyone has different modem speeds. Different computers have different processors with different speeds. Not everyone has a DSL line with a Lynex processor. Sorry. What’s the importance of this? If you have 5 billion images on your site that upload fast on your computer, it doesn’t mean it’s going to be fast on someone else’s. They will give up and go elsewhere. It also means you have to be extra careful in making sure you use the right codes and you spell everything out exactly how you want it.
Learning HTML takes a long time. A very long time. It takes perseverance. If you think you’re going to learn it in a few weeks, you are very wrong unless you’re some kind of genius.
HTML is limited; there are many codes and scripts other than HTML.
Writing HTML-the look
All HTML tags have brackets surrounding them, as I mentioned. There is a main code, then a kind of supplement to it, if you will. For instance, if you wanted to change the size and color of your font, the main code is . Now, within this tag, you can change anything related to font. Like this- <font size=3 color=#000000></font>. Notice the = sign; you will almost always use it when you define the size, color, face, whatever. And you don’t want a space in between the = and the number or text.
Further down I will list all the major codes.
[I go through an exhaustive explanation of how to use links and how to close tags… very exhaustive]
Before I delve into the HTML involving images, there are a few things I need to alert beginners about images and image formats. THE FORMAT OF EACH IMAGE IS VERY IMPORTANT!!!! The format type is labeled after the name, i.e. imagename.jpg. You may have never noticed what formats you were saving your images, but you will have to now. Lesson one: NEVER EVER USE BITMAPS ONLINE!!! (for Windows users) When you open the image, if it comes up in the Windows paint program, then it’s a bitmap (.bmp). Bad bad bad!! This image type takes forever to load. Lesson number two: always try to save your pictures as either a jpeg (.jpg) or a gif (.gif)!! They are compressed so they load many times faster than the other formats. The difference: if you want the picture to have more realistic colors, use a jpeg format. If you don’t need all the colors, or you have a small animation, make it a gif. Gif is the only small image type that can run animations (besides Shockwave- but that’s an entirely different system).
[It goes on, including of course tables. All styled with HTML of course, was there even CSS?]
I’ll leave you with some source code: