View HTML Basics - Making Your Portals Effective
HTML Basics - Making Your Portals Effective
(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.
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.
<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.
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.
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.