|
hitmill.com
|
|
Formatting Text Size, Color and Font FaceHTML lacks a lot of font styles and characteristics that a lot of text editors have. You cannot format a Web document using HTML as nicely as you could format a page with a word processing program. What you can do with HTML is to specify certain font sizes (1 through 7), select a color from an RGB Color Reference and vary your text colors on your page without a graphics program. You may also select a font-family or specify whether you want serif or sans-serif font face. If the font that you select is not on the users computer when they are viewing your Web page, their browser will select its own default font to replace your selection so you must know that your choice with HTML will not be etched into stone but will vary from one computer or browser type to another. Size 7 abcdefg... The first line above was coded like this: You can also change font sizes by specifying + or - numbers, as in
<FONT SIZE =+1>This is one size larger</FONT> than this.<FONT SIZE=-1>This is one size smaller.</FONT> More examples of font size, but with Cascading Style Sheets A Word About Font C O L O R !COLOR is an attribute of the FONT tag. I downloadeded a free trial version of a color selector utility from http://www.tucows.com/. I use a program called WinZip from http://www.winzip.com/ to unzip or open the files after I had downloaded the software. These compression programs have a help feature and many have little teaching lessons with them to help you get started. Hitmill.com has 5 pages now with RGB Hexidecimal color values for Web authors. The index to the color pages is available at http://www.hitmill.com/html/rgbcolorvalues.html. Place the font size property along with the color property into only one set of font "tags" making up the font element. Each time you code changes of any kind in your HTML document be sure to do a File, Save. When you switch back to your browser to view your changes you will not see the changes unless you REFRESH or RELOAD the page from the browser menu. If your page suddenly has disappeared it is usually from a simple mistake of having an "open" tag somewhere either missing the closing slash or missing the left or the right angle bracket </ >. When you learn later about how to code cascading stylesheets just a missing --> before the end of the </STYLE> will sometimes cause the entire Web page not to view. Keep in mind that the browser is very unforgiving about any coding "typos" or "omissions". If your Web page suddenly does not view properly then look for an error in one of the coded markup "tags" before checking elsewhere. A Word About Font FaceThe FONT element ("tags" and contents between the "tags") has a FACE attribute which allows you to select a font face
whereever you would like to do so within the document, even if it is inside a table cell. The major browsers will render
your selected font face onto your Web page only if that particular font face is a font already installed on your computer system.
If the font face which is named is not available you may specify an alternate font face to use by putting a comma and a space between
your first and second selections and you may also specify a general family of font such as
script, serif, sans-serif. Here is an example of specifying a font face: Times New RomanComic Sans MS, or default scriptScriptTahoma or default sans-serifArialCursiveSpecial Note:
Now that you have completed this over-view of the FONT element you can practice combining various combinations of size, color and face. HTML books will have additional information about formatting text and fonts. If you should happen to begin using a stylesheet whether it is an external stylesheet or an internal one do not also use FONT elements. Once you graduate to stylesheets you will need to delete the <FONT></FONT> sprinkled throughout your HTML document. Note: When consulting a straight HTML reference book, look for the term FONT or FONT FACE in the index. Later when you study formatting with the CSS rules (Cascading Style Sheets) the terminology changes to font-family. Additional information is available in the Introduction to Cascading Style Sheets (CSS). |