Contents (Link Buttons)
General Information
Update Features
Bold Code
Italic Code
Underline Code
Link Code
Unordered List Code
Ordered List Code
Blank Line Code
Blank Space Code
Tables Code
Home Page Link Code
Link To Practice Page
General Information
Special text designations usually have a beginning code and
an ending code. The ending code is normally preceded by a slash (/).
For example: the code for a paragraph is <p>; the code to end the paragraph is </p>. (This is shown as an example as you probably will rarely have the need to designate a paragraph.)
Update Features
There are some features included in the web site at the top
of the modifiable area that allow you to insert some of the codes with ease. They
are:
To use these features, select the text and then click on the appropriate button. The text may be selected by moving the mouse cursor over the field with the button down or by placing the cursor at the beginning of the section and holding the shift key down while spacing to the right.
Examples and the Underlying
Code
(Most of the following codes can be generated by
selecting the text and clicking
on one of the buttons near the top of the page as indicated above.)
Bold Code
This is an example of bold code.
This is an example of <strong>bold</strong> code. OR This
is an example of <b>bold</b> code
Italic Code
This is an example of italic code.
This is an example of <em>italic</em> code. OR This
is an example of <i>italic</i> code.
Underline Code
This is an example of underlined code.
This is an example of <u>underlined</u> code.
Link Code
This is an example of a link
to welcome.asp page code. (Clicking
on it will take the user to the welcome.asp page.)
This is an example of a <a href="welcome.asp" title="Click
here to go to Welcome page." >link
to welcome.asp page </a> code.
(Note: As the cursor lingers over the link, a small
box appears with the message which follows title=" which
is: Click here to go to Welcome page.) Move
your cursor over the above link to try it.
Unordered List Code
This is an example of an unordered list:
Ordered List Code
This is an example of an ordered list:
<p>This is an example of
an ordered list:
<ol>
<li>First item.</li>
<li>Second item.</li>
</ol>
</p>
Blank Line Code
Adding a blank line: <br
/>
Blank Space Code
Adding a blank space:
(Note: Normal entry of multiple spaces by depressing
the space bar are generally ignored after the first space. Therefore,
if you need more than one space, you may have to use the code as many times
as necessary to add the number of spaces desired.)
Adding a divider line: <hr
/>
(Note: An example of a divider line follows directly
after this note.)
Tables are somewhat more complex. The following is the table for the LEM Schedule:
|
|
||||
|
|
||||
| October 1 | Thomas | Paterson | Rhodes | Rickey |
| October 8 | Huttar | Van Ark | Witteveen | Anderson |
| October 15 | Miller | Barlow | Berghuis | Hansen |
| October 22 | Elder | Griffin | Stauffer | Homan |
| October 29 * | Reinink | Huttar | Meier | Rhodes |
| November 5 | Rhodes | Paterson | Rickey | Van Ark |
| November 12 | Thomas | Witteveen | Anderson | Barlow |
| November 19 | Miller | Berghuis | Griffin | Stauffer |
| November 26 * | Huttar | Hansen | Homan | Meier |
| December 3 | Miller | Huttar | Paterson | Rickey |
| December 10 | Reinink | Griffin | Stauffer | Van Ark |
| December 17 | Rhodes | Witteveen | Anderson | Barlow |
| * October 29 and November 26 are Morning Prayer & Eucharist. | ||||
Table Code
The code for the above is:
<center><TABLE BORDER=3
CELLPADDING=3><TR><TD COLSPAN=5 bgcolor="C0CAB"><U><B><CENTER><A
NAME="LEM">Lay Eucharistic Minister Schedule </A></CENTER></B></U></TD></TR><TR><TD
COLSPAN=5 bgcolor="COCAD"><U><CENTER>October
1, 2006 - December 17, 2006</CENTER></U></TD></TR><TD
bgcolor="C0C0C0"><CENTER> Date </CENTER></TD><TD
bgcolor="C0C0C0"><CENTER>8:15AM</CENTER></TD><TD
COLSPAN=3 bgcolor="C0C0C0"><CENTER>10:30AM</CENTER></TD></TR><TD
WIDTH=20%>October 1</td><TD
WIDTH=20%>Thomas</td><TD
WIDTH=20%>Paterson</td><TD
WIDTH=20%>Rhodes</td><TD
WIDTH=20%>Rickey</td></tr><TD
WIDTH=20%>October 8</td><TD
WIDTH=20%>Huttar</td><TD
WIDTH=20%>Van Ark</td><TD
WIDTH=20%>Witteveen</td><TD
WIDTH=20%>Anderson</td></tr><TD
WIDTH=20%>October 15</td><TD
WIDTH=20%>Miller</td><TD
WIDTH=20%>Barlow</td><TD
WIDTH=20%>Berghuis</td><TD
WIDTH=20%>Hansen</td></tr><TD
WIDTH=20%>October 22 </td><TD
WIDTH=20%>Elder</td><TD
WIDTH=20%>Griffin</td><TD
WIDTH=20%>Stauffer</td><TD
WIDTH=20%>Homan</td></tr><TD
WIDTH=20%>October 29 *</td><TD
WIDTH=20%>Reinink</td><TD
WIDTH=20%>Huttar</td><TD
WIDTH=20%>Meier</td><TD
WIDTH=20%>Rhodes</td></tr><TD
WIDTH=20%>November 5</td><TD
WIDTH=20%>Rhodes</td><TD
WIDTH=20%>Paterson</td><TD
WIDTH=20%>Rickey</td><TD
WIDTH=20%>Van Ark</td></tr><TD
WIDTH=20%>November 12</td><TD
WIDTH=20%>Thomas</td><TD
WIDTH=20%>Witteveen</td><TD
WIDTH=20%>Anderson</td><TD
WIDTH=20%>Barlow</td></tr><TD
WIDTH=20%>November 19 </td><TD
WIDTH=20%>Miller</td><TD
WIDTH=20%>Berghuis</td><TD
WIDTH=20%>Griffin</td><TD
WIDTH=20%>Stauffer</td></tr><TD
WIDTH=20%>November 26 *</td><TD
WIDTH=20%>Huttar</td><TD
WIDTH=20%>Hansen</td><TD
WIDTH=20%>Homan</td><TD
WIDTH=20%>Meier</td></tr><TD
WIDTH=20%>December 3 </td><TD
WIDTH=20%>Miller</td><TD
WIDTH=20%>Huttar</td><TD
WIDTH=20%>Paterson</td><TD
WIDTH=20%>Rickey</td></tr><TD
WIDTH=20%>December 10</td><TD
WIDTH=20%>Reinink</td><TD
WIDTH=20%>Griffin</td><TD
WIDTH=20%>Stauffer</td><TD
WIDTH=20%>Van Ark</td></tr><TD
WIDTH=20%>December 17 </td><TD
WIDTH=20%>Rhodes</td><TD
WIDTH=20%>Witteveen</td><TD
WIDTH=20%>Anderson</td><TD
WIDTH=20%>Barlow</td></tr>
<TD colspan="5">* October 29 and November
26 are Morning Prayer & Eucharist.</td>
</table></center>
This table can be modified by changing the existing names and dates. Further
modifications are a little more difficult.
The code <tr> indicates the beginning of a table row. The table row is ended with </tr>. The data in each cell of the table is preceded by <td> for table detail. The detail item is ended by </td>. Since there are 5 detail items in each row, there will be 5 groups of <td>...</td> code in each of the <tr>...</tr> table rows. The <tr><td> groups may be deleted or added as required in order to handle the required number of lines in a table. Perhaps the easiest way to add a line would be to copy one <tr>...</tr> line and place it immediately after any of the </tr>s. Then modify the names as required. In a similar manner, table rows can be deleted by deleting any unneeded <tr>...</tr> groups. The coding is not case sensitive.
The <td> in the above example designates the width of each of the cells through use of the code <td width=20%>. This ensures that each of the 5 cells is 1/5 of the table width.
Home Page Link Code
Links on the Home page(only), of the type in the above
example, may be stored by using the following (with whatever modifications
are needed) in the updateable portion of the Home page:
<CENTER><div class=linker><b><a href="http://www.graceepiscopalholland.org/news.asp" title="Click
here to link to view installation photos."> Click
here for Rev. Adams Installation Photos </a></b></div></CENTER>
(Note: When the cursor lingers over the link, a small
box will be displayed with the message following title=",
which in this example would be "Click
here to link to view installation photos.")
A Practice page has been established to assist learning without directly affecting the website. To go to the Practice page click on the star below.
Link to Practice Page