|
These are a few basic HTML formatting techniques that you can use to spice up your page. They include headers, line breaks, paragraph breaks, bold, italics, font sizes, font colors, and font types. Examples and the HTML code that you
need to place on your page follow below.
Small header
Medium header
Large header
This is a line break.
And this is the next line.
This is a paragraph break.
And this is the next paragraph.
Bold text
Italicized text
Underlined text
Small font
Large font
Red font
Blue font
Arial font
Verdana font
Courier font
Comic Sans MS font
Impact font
Anglican font
Times Roman font
Link to D.C. Registry
E-mail link to "you@yourdomain.com"
Bullet List
-
First Item
-
Second Item
-
Third Item
<h6>Small header</h6>
<h3>Medium header</h3>
<h1>Large header</h1>
This is a line break.<br>
This is a paragraph break.<p>
<b>Bold text</b>
<i>Italicized text</i>
<u>Underlined text</u>
<font size=1>Small font</font>
<font size=7>Large font</font>
<font color="red">Red font</font>
<font color="blue">Blue font</font>
<font face=arial>Arial font</font>
<font face="verdana">Verdana font</font>
<font face="courier">Courier font</font>
<font face="comic sans MS">Comic Sans MS font</font>
<font face="Impact">Impact font</font>
<font face="Anglican">Anglican font</font>
<font face="Times Roman">Times Roman font</font>
<a href="http://dcregistry.com">Link to D.C. Registry</a>
<a href="mailto:you@yourdomain.com">E-mail link to "you@yourdomain.com"</a>
Bullet List <ul><li>First Item <li>Second Item <li>Third Item </ul>
Environment variables are nifty little addons that allow your page to display certain information to your visitors, such as the time and date, the visitor's IP address, the visitor's browser, and the page where the visitor came
from. Environment variables take advantage of something called Server Side Includes (SSI) to do their magic. As a result, they will work on your home pages here at the D.C. Registry that were created using our "Classic" Home
Page Creator, but they may not work elsewhere. Nor will they work on your pages created using Version 2.0 of our Home Page Creator. Examples and the HTML code that you need to place on your page follow below.
Current date and time: Monday, 06-Oct-2008 09:50:07 EDT
Your IP address: 38.103.63.60
Your web browser: CCBot/1.0 (+http://www.commoncrawl.org/bot.html)
The page that you just came from: (none)
For current date and time: <!--#echo var="DATE_LOCAL"-->
Your IP address: <!--#echo var="REMOTE_ADDR"-->
Your web browser: <!--#echo var="HTTP_USER_AGENT"-->
The page that you just came from: <!--#echo var="HTTP_REFERER"-->
Tables are a nice way to display certain types of information in an appealing and organized fashion. Table design can be very complex, and can even include tables within tables within tables. Be careful with this code, as simple
mistakes (such as forgetting the closing </td> or </table> tags can cause not only your table to disappear, but also your entire page. Some simple table examples and the HTML code that you need to place on your page follow
below.
|
Table Header
|
|
First Cell
|
Second Cell
|
|
Borderless Table Spanning Width of Page
|
|
First Cell
|
Second Cell
|
|
Third Cell
|
Fourth Cell
|
|
Fifth Cell (centered and taking up 2 columns)
|
|
Complicated Table
|
|
|
Background Color
|
First Cell
|
Second Cell
|
|
The text in this cell has been specified to be centered and to begin at the top of the cell
|
For the first table:
<table border=4><tr><td>One Cell Table</td></tr></table>
For the second table:
<table border=2<tr><th colspan=2>Table Header</th></tr> <tr><td>First Cell</td><td>Second Cell</td></tr></table>
For the third table:
<table border=0 width=100%><tr><th colspan=2>Borderless Table Spanning Width of Page</th></tr> <tr><td>First Cell</td><td>Second Cell</td></tr> <tr><td>Third
Cell</td><td>Fourth Cell</td></tr> <tr><td colspan=2 align=center>Fifth Cell (centered and taking up 2 columns)</td></tr></table>
For the fourth table:
<table width=350 border=7 cellpadding=4 cellspacing=6><tr><th colspan=3>Complicated Table</th></tr> <tr><td rowspan=2 width=70 bgcolor="#ffffcc"><td>Background
Color</td><td>First Cell</td><td>Second Cell</td></tr> <tr><td colspan=2 align=center valign=top>The text in this cell has been specified to be centered and to begin at the top of the
cell</td></tr></table>
Forms allow you to collect information from visitors to your web site and then process that information in some way, such as adding it to a database or e-mailing it to you. The Home Page Creator can't set up a database for you, but
it can set up a nice little form that will collect information from your visitors and then e-mail it to you. An example and the HTML code that you need to include a form on your page follow below. You'll notice that this example
also includes tables to make the layout nicer.
<table border=2 cellpadding=4 cellspacing=6> <tr><td bgcolor="#ffffcc"><FORM ACTION="http://www.pair.com/cgi-bin/formmail.pl" METHOD="POST"> <INPUT type="hidden"
NAME="recipient" VALUE="you@yourdomain.com"> <INPUT type="hidden" NAME="subject" VALUE="Feedback Form"> <INPUT type="hidden" NAME="sort"
VALUE="order:address,phone,comments,like,add_to_mailing_list"> <table border=0 align=center cellpadding=4 cellspacing=4> <tr><td valign=top width=50%> <b>Your Name:</b><br> <INPUT
NAME="realname" SIZE=20 VALUE=""></td> <td valign=top width=50%><b>Your E-Mail address:</b><br> <INPUT NAME="email" size=20 VALUE=""></td></tr>
<tr><td valign=top width=50%><b>Your postal address:</b><br> <TEXTAREA NAME="address" cols=20 rows=3 wrap=physical VALUE=""></TEXTAREA></td> <td valign=top
width=50%><b>Your phone number:</b><br> <INPUT NAME="phone" SIZE=20 VALUE=""></td></tr> <tr><td valign=top colspan=2><b>Do you have any other comments or
special requests?</b><br> <TEXTAREA NAME="comments" cols=40 rows=5 wrap=physical value=""></TEXTAREA></td> </tr> <tr><td valign=top width=50%><b>Do you like my
home page?</b><br> <input type=radio name="like" value="yes" CHECKED> Yes<br> <input type=radio name="parking" value="no"> No</td> <td valign=top
width=50%><b>Add me to your mailing list:</b><br> <INPUT type="checkbox" NAME="add_to_mailing_list" CHECKED></td></tr></table> <p><center> <INPUT
TYPE="submit" VALUE="Send in my info"> <INPUT TYPE="reset" VALUE="Start over"><BR></center> <p> </FORM> </td> </tr> </table>
Be sure to change "you@yourdomain.com" to your actual e-mail address. Also, if you add or remove any input fields, you need to also add or remove them from the "sort" input near the top of the code. Look for the
section that currently reads "order:address,phone,comments,like,add_to_mailing_list". The items after "order:" correspond to the current input fields on the form. The "realname" and "email"
variables do not have to be included in the sort order, since the form script handles them automatically.
|
AFRICAN DANCE CLASSES
