The following sample outlines many of the features discussed in this appendix. This example consists of three files; the first (main.htm) contains a <FRAMESET> element that points to the two other files (form1.htm) and (form2.htm). The output of this example can be seen in Figure B.1.
<!— Main HTML page. Simply contains two frames —> <html> <head> <title>Example HTML page</title> </head> <frameset rows=40%,60%> <!— 2 rows —> <frame src="/books/1/557/1/html/2/form1.htm" name="form1"> <frame src="/books/1/557/1/html/2/form2.htm" name="form2"> </frameset> <!— Put in a NOFRAMES element just in case —> <noframes> <body> <p>This screen has frames that are not supported/enabled by your current browser.</p> </body> </noframes> </html>
<html> <body> <h1>This is frame #1</h1> <table> <!— use of table just to format data, no borders, 1 row —> <tr><td> <i>An example of an order list</i> <br><ol start="1" type="1"> <li>Item 1</li> <li>Item 2</li> </ol> </td> <td align="right"> <form method="post" action="mailto://kenkroes@bigfoot.com"> Textarea input box <br><textarea rows="3" cols="30">Default text for text area</textarea> </form> </td> </table> </body> </html>
<html> <body> <h1>This is frame #2 </h1> <table border> <caption align="top">Table 1 Caption</caption> <tr> <!— 1st row wil be a header —> <th align="center">Column 1 from Table 1</th> <th align="center">Column 2 from Table 2</th> </tr> <tr> <!— 2nd row of table —> <td> <!— 1st column of table —> <Ul type="circle"> <li>1st bullet</li> <li>2nd bullet</li> </ul> </td> <td> <!— 2nd column of table —> <form method="post" action="mailto://kenkroes@bigfoot.com"> Text Input <input type="text" name="textinput1" value="default text" size="20"> <br>Sample Select Box <select name="selectinput1"> <option value="1">First Option <option value="2">Second Option <option value="D" selected>Default </select> <p><input type="submit" value="Submit"> <input type="reset"value="Reset"></p> </form> </td></tr> </table> </body> </html>
Figure B.1: A sample HTML page
Team-Fly |