Welcome to the

Bison's

Fun and Cool

HTML!

Title Title tags contain the name of the document which appears at the top of the web browser and is what will appear in a person's bookmark file if they bookmark your page. It is also the only part of the HEAD section that is visible to the reader. Click here to Log in and go to your advanced file editor. Now, type the name of your page between the Now, Click SAVE. Do you see your title at the very top of your browser? The title does not appear on your page, but it should be at the very top of your browser when you view your page. Remember to use the Refresh button on your browser whenever you change a page or you may not see the changes. Tags and Code You can type HTML tags in either upper or lowercase letters, the result is the same. You should keep your capitalization consistent, however. If you see a layout on a Web page you particularly like, it's perfectly legal to copy the HTML CODE. Code is just another name for HTML tags. You can learn a lot about HTML in two words: View source. This is how it works: The Web allows you to view the source code (in other words, the HTML document that dictates what the page looks like) of any page on the Web. So any time you're wondering, "How did they do that?", all you have to do is, open a page, then go to the View menu. In I.E., select Source. In Navigator, select Page Source. Your browser will open a new window and display the HTML code for that page. Now select the code you want to use and press Ctrl-C to copy it. Open your editor and press Ctrl-V to paste the code. That's it. Remember it is ONLY the CODE that is legal to copy NOT the content! Please do not violate an author's copyright. Once the file is open, you can save it, study it, cut and paste from it, anything you want. Well, almost anything, you can't actually change the code so that it alters the page, since you're just viewing a copy of the file, not the file itself. Bear in mind, though, while it can tell you all you need to know about the HTML, it won't tell you what's happening on the server side. In other words, if a site's hooked up to a database or using CGI scripts to enhance functionality, the source won't reveal anything beyond the fact that a script exists if the server you are on doesn't support those specific utilities. All in all, Viewing Source is the best way to learn HTML and to keep on top of what Web publishers are doing, and how they're doing it. I WANT SOME COLOR! Ok, I've got an attribute for you, BGCOLOR! BGCOLOR stands for, you guessed it, background color. It is part of the ... tag set. It looks like this: BGCOLOR="color"> BGCOLOR is an attribute and color is a value that you give it. Think of an attribute as an adjective. Body is a noun. You have a body, what color is it, pink, red, brown, tan, black? All these colors are adjectives of the noun, body. Attribute values always go inside quotation marks ( " " ). Why? I don't know, just part of the rules someone made up when they designed HTML. So we have a BODY and the BODY COLOR (BGCOLOR) equals( =) a "Color". We don't actually type in the word color, that is why I put it in italics. You change the color of text, links, visited links, and active links (links that are currently being clicked on) using further attributes of the tag. For example: #000000" TEXT="#FFFFFF" LINK="#9690CC"> This creates a window with a black background (BGCOLOR), white text (TEXT), and silvery hyperlinks (LINK). We will discuss text and links later. The six digit number and letter combinations represent colors by giving their RGB (red, green, blue) value. The six digits are actually three, two digit numbers in sequence, representing the amount of red, green, or blue as a hexadecimal value in the range 00-FF. For example, 000000 is black (no color at all), FF0000 is bright red, 0000FF is bright blue, and FFFFFF is white (fully saturated with all three colors). These number and letter combinations are generally rather cryptic. For some basic colors, typically those in the standard sixteen color palette, you can also use the name of the color instead of the corresponding RGB value. For example, "black", "red", "blue", and "cyan" are all valid for use in place of RGB values. However, while not all browsers will understand all color names, any browser that can display colors will understand RGB values, so use them whenever possible. By default browsers display text in black on a gray or white background. However, you can change both elements if you want. Some HTML authors select a background color and coordinate it with a change in the color of the text. Always preview changes like this to make sure your pages are readable. For example, many people find red text on a black background difficult to read! In general, try to avoid using high contrast images or images that use the color of your text anywhere within the graphic. We will use this color chart in this lesson. Color Chart Okay, let's add some color: We want to change the first tag to: You will notice that we always add a # symbol before the color numbers You can only have one starting tag. If you were to have two or more, the browser would probably ignore them all and show the default color. Save your file and when you return to File Manager, click on "View" to see your colored background. You can experiment with different colors if you like to see how they look. GeoGuide Have you seen those irritating pop up ads? Want to make them stop? Then place a GeoGuide on your page and make them go away, please!. We will use the GeoGuide in this course. It is very simple to use. All you have to do is add a simple code to each page in your Web site and activate it. If you are not already in your File Manager, Log in. Now edit your page by adding this code to your page: Place this tag right after the tag. After you have saved your page, scroll down to the "Quick Links" lower down and click on the "GeoGuide Manager" link. Here you can choose your color scheme and your Banner Rating. Make any changes you require. This affects all banners on your site. Next "Submit" the settings. On the next page find and click on the "Activate Now" link. And that's all there is to it. If you have added the GeoGuide to more than one page, you only have to activate once at the end and all of them will be activated. What have We Got Here? Okay, your HTML code should look like this: This is my homework page for BHS HTML Class. This is a lot easier than I thought. And it should look like this: This is my homework page for BHS HTML Class. This is a lot easier than I thought.

At this point. please contact your instructor. Tell them what lesson you have completed. This is Lesson One. Also, tell them where they can find your homework so they can view it.
Please give the complete address. This is just an example, please send your own address:. http://www.geocities.com/Athens/Colosumn/8708/homework.html If you are having trouble with this or any part of these lessons, please contact them right away.