"Women and cats will do as they please,
and
men and dogs should relax and get used to the
idea."
----- Robert A. Heinlein
Using HTML 2
Now, the really nice thing about HTML is how you can manipulate your web page. You control what background colors and textures you want to use, as well as where to position images and sizes. You can even choose what type of text to use, size and
C
O
L
O
R
Now, let's start with your background: Here is how I told the computer to add this pretty burnt gold background.
After the closed < /HEAD > command, we have to add some background to your page. This is accomplished using the < BACKGROUND> command: < BACKGROUND="ladywiththelampbkgtile2.jpg">
1. Remember to start all commands with the < symbol, and end the command with the > symbol. This tells your computer to give a heads up: there is a command coming!
2. The BACKGROUND command tells the computer where to put the graphic.
3. Use the = so the computer knows that the graphic after it is the picture to use.
4. Quotation marks are ESSENTIAL! They go before and after the graphic. Kinda like bulls-eyes, without them the computer cannot focus on the picture to use.
5. The bdbacknd.gif is the picture being used. The computer will automatically tile/center the background for you.
Troubleshooting: If your background did not show up, here are a couple of things to check:
1. Did not use < or >
2. Did not use " or "
3. Wrong graphic name. If the graphic ends with .gif and you put .jpg, the graphic will not load, or you will get a little box with a red X in it.
4. You used spaces.
So far, so good. Let's get into adding some graphics!
To add graphics, we use the following ( I will use the title graphic as a demonstration): < P ALIGN="CENTER">< IMG SRC="ladywiththelampwords2.jpg" alt="title graphic">
So, just what did I do here? First, I told the computer where to put the graphic: < P ALIGN="CENTER" >
1. Use the < and > to give the command
2. P Align = paragraph alignment. This says the computer has to put the graphic in a specific spot.
3. Center tells the computer to put the graphic in the center of the page.
4. Remember to use the ", " and =. If you don't, the computer cannot figure out what you are trying to accomplish.
5. If you do not use the < /CENTER> command to close, everthing after this graphic will be centered. This is handy to know if you are centering graphics but keeping text to the left or right of your page.
Shortcut!: If you want a shortcut, just use the commands < CENTER> and < /CENTER >. Adding the "P Align" is just more formalized.
Now let's look at the graphic command: < IMG SRC="ladywiththelampwords2.jpg" alt="title graphic" >
1. Remember to use the < and >!
2. IMG SRC= image source. This is telling the computer you want to add a graphic.
3. =, " and " tells the computer to use a specific graphic.
4. ladywiththelampwords2.jpg is the specific graphic to use.
5. ALT tells the computer to show text when this graphic is moused over. Using the "ALT" command is part of net responsibility. It is used for those who have disabilities and are using special computers to "see" and "hear" for them. It is not bad if you forget this, but it makes for a more user friendly internet if you do. Alt can be used to describe what the graphic is, such as "title graphic" "bar divider" or "email". Just make sure everything you want to say is within quotation marks, or only the first word in the sentance or group of words will show.
Okay, Let's head over to some text commands: Choose the links to go on!
To flip through the pages of my BOS faster...
|
Brightest of Blessings