View HTML Basics - Making Your Portals Effective
HTML Basics - Making Your Portals Effective
HTML
Basics
(Web
site configuration cheat sheet for those that do not know HTML)
The Hudson web reservation system is designed to be completely user configurable. This means that you can fine tune the copy, almost anywhere on your site, just by making changes in the editable fields located in CUSTOM CONFIGURATION and other sections accessed by your Web Utility.
Although HTML knowledge is not required to make simple changes, a greater range and control over your copy is possible if you know some of the HTML fundamentals.
Tag Basics
HTML uses tags to communicate to the browser how to display text
and images. Tags are contained in < > symbols. In most cases
you start with the beginning, or opening tag, put in the word
or words that will be affected by this tag, and at the end of
the string of word(s), you place a closing tag. A closing tag
is typically identical to the opening tag with the addition of
a forward slant. Always use the closing tag so that you do not
adversely effect other copy on your page.
Example:
<center>This is <b>an</b> example.</center>
The above line would display as follows:
This is an example.
The tags <center> and </center> force the copy between the tags to be centered. The <b> and </b> causes the copy between the tags to be bold.
Colors
A note about HTML colors.
Colors are identified by a six character code. An HTML color finder
is built into your web utility. You will find the COLOR FINDER
and COLOR WHEEL in your CUSTOM CONFIGURATION 2, which is in your
WEB UTILITY. Look for it near the top of the page.
To view the COLOR FINDER, click here.
To view the COLOR WHEEL, click here.
Common
Tags
Here are some useful tags which are commonly used in configuring
a web site:
<b> makes copy bold </b>
<i> makes copy italic </i>
<u> makes copy underlined </u>
<center> centers copy </center>
<font size=4> changes font size </font>
<font color=#FF0000> changes font color </font>
<font face=Veranda> changes type style </font>
<font face=Impact size=1 color=#FF0000> changes size, color and style</font>
<br> will create a line break (this tag is unique as there is no closing tag)
<br><br> two line breaks = skip a line
<p> will create a paragraph </p>
Linking with HTML
Here is some sample code that is a link to another web page.
You can build links to pages
where you have additional information. The following code links
to the web address http://www.thehudsongroup.com/howto/html2.htm.
As you can see, very little code, in addition to the target address,
is required.
<a href="http://www.thehudsongroup.com/howto/html2.htm">This
is a sample link.</a>
The above HTML code would look like
the following on a page:
This is a sample link.