Web Source Web Design Tips
by Shelley Lowery
[Hidden Keywords]
The COMMENT tag is used to display text within your HTML
document that will not be visible on your webpage. They
enable you to mark the beginning and end of sections in
your HTML code for easy editing.
You can use the COMMENT tag to place your most relevant
keywords for better Search Engine ranking.
Not all Search Engines acknowledge keywords within the
comment tag, but for the ones that do, it's well worth
taking the time to use them.
<!--Begin Health and Fitness Navigation-->
<!--End Health and Fitness Navigation-->
Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net
[Top]
Web Source Web Design Tips
by Shelley Lowery
[Web Page Linking Methods]
The ANCHOR tag is used to create a hyperlink.
To link to a page within the same directory of your
website, you only need to include the page name within
your HTML code.
Example: <A HREF="yourpage.html">
When linking to a page within your website in a different
directory, you must include the directory name with your
page name.
Example: <A HREF="yourdirectory/yourpage.html">
When linking to another website, you must include the full
URL beginning with http://www.
Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net
[Top]
Web Source Web Design Tips
by Shelley Lowery
[Enlarging Text Without the Font Tag]
The BIG tag is used to increase the size of your font.
You can add additional BIG tags, side by side, to increase
your font size even further. For each additional BIG tag you
use, your font size will increase.
Example:
<BIG>Your Text</BIG>
<BIG><BIG>Your Text</BIG></BIG>
The BIG tag can be used in place of the FONT tag, as they
both perform the same task.
Example:
<FONT size="3">
Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net
[Top]
Web Source Web Design Tips
by Shelley Lowery
[Set Parameters Within the BODY Tag]
The BODY tag follows the HEAD tag within your HTML. The
contents of your web page is displayed between the BODY
tags. This includes everything displayed when viewed
through a web browser.
You can set parameters within the BODY tag that will be
used throughout your web page. It isn't necessary to
set parameters, as there is a default setting, but if
you'd like your page to be displayed with colors other
than the default, you have the ability.
Background and Text Colors:
<body BGCOLOR="#FFFFFF" TEXT="#000000">
Image Background:
<body BACKGROUND="/yourimage.gif">
Link Colors:
<body Link="#0000C0" ALINK="#0000FF" VLINK="#FF0000">
Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net
[Top]
Web Source Web Design Tips
by Shelley Lowery
[Using Font Alternatives]
The FONT tag is used to display your text in a specific
style. If your visitor doesn't have the font you specify
on their computer, the font will be displayed in the users
default font setting. To make sure your pages are being
viewed as you intended, set up alternative fonts.
<FONT face="Verdana,Helvetica,Arial">Your Text</FONT>
This will tell the browser to display your text in
"Verdana," but if your visitor doesn't have "Verdana" to
display your text in "Helvetica" and so on.
In addition, you can add attributes within your font tag
to display your text at a specific size and color as well.
There's no need to create separate tags.
<FONT face="Verdana,Helvetica" size="2" color="#FF0000">
Your Text</FONT>
Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net
[Top]
Web Source Web Design Tips
by Shelley Lowery
[Cascading Style Sheets]
The FONT tag is used to display your text in a specific style. Using fonts
within a table requires you to add the FONT tag to each individual cell.
This technique will cause your page to be larger than necessary.
By using Cascading Style Sheets, you can, not only save yourself a lot of
time, but keep your page size down.
Place the following code between the <HEAD> and </HEAD> tags
of your HTML page.
<STYLE TYPE="text/css">
<!--
TD{font-family: Verdana; font-size: 12pt;}
--->
</STYLE>
By using this style sheet, all the text displayed in your table will be displayed
in your specified font and size.
Tip provided by: Web Source: Your Guide to Professional Web Design and
Development. http://www.web-source.net
[Top]
Web Source Web Design Tips
by Shelley Lowery
[Preformat Your Forms]
The FORM tag is used to set up input forms on your web site. To properly
align your forms, instead of using a table, use the <PRE> tag for the
same results. Your form will be displayed exactly as you format it within
your HTML.
By preformatting your forms, not only will it save you some time, but it
will also cut down on your HTML code and speed up your web sites load time.
<FORM>
<PRE>
Name: <input type="text">
Email:<imput type="text">
</PRE>
</FORM>
Tip provided by: Web Source: Your Guide to Professional Web Design and
Development. http://www.web-source.net
[Top]
Web Source Web Design Tips
by Shelley Lowery
[Heading Tags]
The HEADING tag is used to display your heading text in a larger font with
<H1> being the largest down to <H6> being the smallest.
Some Search Engines place relevance on text displayed within the <H#>
tags, so place some of your most relevant keywords within any of the 6
<Hx> tags.
Example:
<H3>Your Guide to Health & Fitness</H3>
When using the HEADING tags, you don't have to use the <H1> for your
first heading. You may begin with the heading size of your choice, but for
your secondary headings, you should not use a larger heading than you began
with. In other words, if you're using <H3> for your primary heading,
then your secondary headings should be <H4> or <H5> and not
<H1> or <H2>.
Tip provided by: Web Source: Your Guide to Professional Web Design and
Development. http://www.web-source.net
[Top]
Web Source Web Design Tips
by Shelley Lowery
[Creating Customized Horizontal Rules]
The HORIZONTAL RULE tag is used to divide different subjects within your
web page.
You can specify the height, width, color and shading values within the
<HR> tag.
Examples:
<HR WIDTH="50%" SIZE="3">
This example will display your horizontal rule across 50% of your page width
or if placed within a table cell, 50% of the table cell.
<HR WIDTH="50%" SIZE="3" NOSHADE>
This example will display your horizontal rule across 50% of your page width
with the height set to 3. The NOSHADE will display the <HR> as a solid
line.
<HR WIDTH="75%" COLOR="#FF0000">
This example will display a red horizontal rule across 75% of your page.
Tip provided by: Web Source: Your Guide to Professional Web Design and
Development. http://www.web-source.net
[Top]
