Now suppose you would like everyone to see this link written in a particular font. Whether you wish to change the font color, the font face, or the font size for the linguistic string "HomePage MadeEasy !!" enclosed within the anchor tag, the procedure is the same.
To get your desired result, just place the opening font tag (where face, color and/or size attributes are specified) right before that string of text enclosed within the anchor tag, the looks of which string you wish to modify. Likewise, the closing font tag will follow the string you are modifying. Both font tags are thus enclosed in the anchor tag.
In the example below, we'll be changing font face and color attributes for the text enclosed within the anchor tag. However, you can change just one, or the three of these attributes, as you wish. Additionally, we'll be making the link reference name be displayed in bold text (though not used below, italics tags are possible, just the same, within an anchor tag).
The source code for the changes made have been coded in bold text, below, so as to make it easier for you to locate the tags yielding these changes.
Original
Source
Code:
Visit
<A HREF="http://www.homepagemadeeasy.com">
HomePage MadeEasy !!</A>, your Web-Companion!
Font output is browser-controlled, and additionally dependent on the fonts that are installed in each computer. This means that the way a Page appears on someone's browser window depends on two factors: [1] the fonts (s)he has installed in his/her computer, and [2] the font (s)he has chosen as default in his/her browser.
How, then, can we make our text be displayed in a particular font, on someone's browser?
For absolute precision, if you have something as short as a page title that you feel must be viewed in a particular font and no other, you'd better use an image file of that text, instead (most likely a transparent gif file).
If you can be happy with relative precision, and especially if the text the font face for which you wish to control is longer than a title, then read on.
Here's the simplest way to do this:
Instead of only one font face, specify two or more font faces in the font tag. These font faces must appear in sequence, each separated from the previous by a comma.
Here is an example:
Source
Code:
<FACE="Engravers Gothic BT, Copperplate Gothic Light, PrestigeExpert, Sans Expert">At <B>HomePage MadeEasy !!</B> you are sure to find lots of free tips and help for building Your Home Page!</FONT>
Output:
At HomePage MadeEasy !! you are sure to find lots of free tips and help for building Your Home Page!
Related
Comments:
This text should be displayed in small caps on your Browser.
Here's what goes on, when you encode any string of text (short or long) as shown above.
When the Browser gets to the font tag and finds the first specified font face, the Browser tries to load that font face. If it can load that font face, then the Browser won't bother with whatever further information there is in the font tag for possible font faces, and will simply move on to the next string it is to interpret. If the Browser does not find that font face to load, then the Browser will try loading the next font face specified, and so forth.
This means that the order in which you specify your selection of font faces is important! Whatever font face you place first, this is the one the Browser will try to load first; the font face coming in second place is the one the Browser will try to load in its second attempt; the font face coming third will correspond to the Browser's third attempt, should it be needed, and so forth.
There is no limit for the number of font faces you can list in the font tag, though it is good practice not to make your code to heavy with an endless list, of course.
You're better off choosing font faces that are fairly similar. This way you make sure that your text will be displayed pretty much the way you intend.
In addition, try to use, among the alternatives you give the Browser, at least one font face that is fairly commonly found. This will help ensure that the resulting font face is one that you'd be happy with. (If the Browser does not find the specified font face(s), the Browser tries to load a close match; this, however, is no guarantee that this close match is one that you would have picked!)
It is possible to display your Links without the usual underline. You just have to take care to ensure that the readers of your html document can somehow easily identify a Link, if you remove the underlining that is traditional in the display of Links!
One of the ways to avoid displaying an underlined Link, is to enclode the following string of code inside the anchor tag: STYLE="TEXT-DECORATION: NONE".
Below is an example:
Original
Source
Code:
Visit
<A HREF="http://www.homepagemadeeasy.com">
HomePage MadeEasy !!</A>, your Web-Companion!
This alternative extra code for the anchor opening tag can now and then come in handy. For example, it can be useful if you would like to underline just part of the text string appearing in a link. See the example below:
Original
Source
Code:
Visit
<A HREF="http://www.homepagemadeeasy.com">
HomePage MadeEasy !!</A>, your Web-Companion!
Here are a few important tips for you to have in mind when you use background images!
Every time you use a background image(BACKGROUND="..."), you should also specify a corresponding background color(BGCOLOR="...") !
There are people who surf the net with images turned off--to save time--and others who surf from a platform that allows no graphical interface. This second group will see only text; the first group, however, will see colors, though not images. So, if you assign corresponding background colors every time you assign background images, you allow the first group better to enjoy your pages!:) And more: you ensure that they can read the texts! (The font color that displays nicely over a background image may hardly display over a plain, white background, for example.)
MSIE and Netscape do not necessarily behave alike regarding the use of background colors in tables and cells which are superposed over already existing background images! (The older the version of these programs, the more certain you can be as far as a difference in output.) There are, in addition, other browsers around. So, chances are that you won't be able to check your page regarding the output by each of them.
Thus, to ensure that all your guests will have the same visual experience, independently of the type of browser they use, juat please follow this simple tip:
Once you have made use of a background image for a larger area, and wish to color a table or a cell in a smaller area within that larger one, specify both the background color(BGCOLOR="...")and a corresponding background image(BACKGROUND="...") for the table or cell at stake.
This corresponding background image may be as "large" as one pixel! So it does not slow down your page, as it loads. If you do not use this little trick, the background colors that you assign, over an already existing background image, will not display in some versions of Netscape and similar browsers--the already existing background image prevails, instead, despite the code that you have written for the intended background color(BGCOLOR="...") !
[ For examples of background images in use (including some available to you at HomePage MadeEasy) click here and see our tips, above, being used at MieNet. ]
Take your time to browse around, and see Background Images used on this site:
for a cell or a table in the foreground of another background image that is already in use (example 1, example 2, example 3).
[ For a single example of a background image (in a small area), over another background image (in a larger area) Click Here. ] [ For an example of the tip you've just gotten above, Click Here. You'll see a tiny background image (in a table) actually playing the role of a background color--so that any browser will display the correct background color for the table. This table is placed onto the page background image. ]
More to come, Stay tuned!
Enjoy your visit!
Have a very nice day/evening/night
...and return soon!