|
BODY Tags
Between the horizontal lines, which are not part of the code, I've added some comments.
1. <BODY background="MYR.GIF" bgcolor="#000000">
An image MYR.GIF is set on a background of black.
2. <font face="arial, helvetica, sans-serif size="5" COLOR=BLUE><B><CENTER>MY MALL & NEWS
Some colors can be defined as words, as in the case of BLUE. The size and type of font is defined here.
3. </B></font>
4. <BR>
5. <font face="arial, helvetica, sans-serif size="4"><B>
6. Dating Cybermall
7. </B>
8. <BR>
10. </font>
11. <CENTER>
12. <img height=5 src="redline.gif" width=450>
Another gif image.
13. </CENTER>
14. <BODY>
15. <BR>
16. <font face="arial, helvetica, sans-serif size="4"><B>
17. CLICK ON THE DESCRIPTIVE SUMMARY OF EACH STORE
18. </B>
19. <BR>
20. <BR>
21. <table border="0" cellspacing="0" cellpadding="0">
The start of some JavaScript.
22. <tr>
23. <td width="100%"><form name="ddmessage"><table border="0" width="100%" cellspacing="0" cellpadding="0">
24. <tr>
25. <td width="100%"><select name="selectbox" size="2" onChange="changecontent(this)">
26. <option selected value="one">1. Dating Club</option>
27. <option value="two">2. American Singles</option>
28. </select><br>
29. </td>
31. </tr>
32. <tr>
33. <td width="100%"><textarea rows="3" name="contentbox" cols="50" wrap="virtual"></textarea><br>
34. </td>
35. </tr>
36. </table>
37. </form>
38. </td>
39. </tr>
40. </table>
41. <font face="arial, helvetica, sans-serif size="4">
42. <script language="JavaScript">
43. var thecontents=new Array()
44. thecontents[0]='The finest singles site on the internet, with a partner search, free trial, online magazine, and proven success.'
Notice the displacement value of zero in the array.
45. thecontents[1]='Jump start your love life. Meet quality singles.'
46. function changecontent(which){
47. document.ddmessage.contentbox.value=thecontents[which.selectedIndex]
48. }
49. document.ddmessage.contentbox.value=thecontents[document.ddmessage.selectbox.selectedIndex]
50. </script>
The end of the JavaScript code.
51. </font>
52. <font face="arial, helvetica, sans-serif size="4"><B>
53. CLICK ON THE TEXT TO ENTER EACH STORE
54. </B>
55. <BR>
56. <BR>
57. <div align="center">
58. <center>
59. <table border="1" width="300" bordercolordark="#660000" bordercolorlight="#CC9966">
Building the HTML table of two boxes that is 450 points wide. Notice the colors.
60. <tr>
61. <td width="150" bgcolor="#0000FF" align="center"><font face="Book Antiqua, Times New Roman, Times"><strong><em>
62. <a
href="http://click.linksynergy.com/fs-bin/stat?id=DQKFH8bLuuU&offerid=20266&type=3&subid=0"><font face="Times New Roman" color="#FFFF00">1. DatingClub</a><IMG
border=0 width=1 height=1
src="http://ad.linksynergy.com/fs-bin/show?id=DQKFH8bLuuU&bids=20266&type=3&subid=0">
Textual link.
63. </font></td>
<td width="150" bgcolor="#0000FF" align="center"><font face="Book Antiqua, Times New Roman, Times"><strong><em>
64. <a
href="http://click.linksynergy.com/fs-bin/stat?id=DQKFH8bLuuU&offerid=15018&type=3&subid=0"><font face="Times New Roman" color="#FFFF00">2. Americansingles.com
(M@tchnet PLC)</a><IMG border=0 width=1 height=1
src="http://ad.linksynergy.com/fs-bin/show?id=DQKFH8bLuuU&bids=15018&type=3&subid=0">
65. </font></td>
66. </tr>
67. </table>
68. </center>
69. </div>
End of the table.
70. <BR>
71. <BR>
72. <CENTER>
73. <img height=5 src="redline.gif" width=450>
74. </CENTER>
75. <BR>
76. <CENTER>
77. <font face="verdana, geneva, helvetica, arial" size=1><b>
Change of font type and size.
78. Copyright © 2001 My Mall & News | <A HREF="aaasitemap.html">Site Map</A> | <a href="left.html" TARGET="_top">Home</a>
The Home button will allow someone who finds this page with a search engine to get back to My Mall & News.
79. </b>
80. <BR>
81. <BR>
82. </CENTER>
83. </BODY>
End of the body description.
As an exercise, play around with this code, changing fonts and perhaps copying in other images or building different kinds of tables. It's not so important at this time that you understand the JavaScript. But make an effort to become familiar with each of the HTML keywords used on this page.
After you've done all that, reward yourself by taking a tasty stroll through our gourmet food cybermall. Delicious things are waiting for you!
|
