AlphaPrinceLink
04-22-2006, 04:40 PM
HTML Coding Guide
BackGrounds and Lines
Below, I listed some basic codes for your webpage. Remember to copy and paste. Basic codes include backgrounds, marquees, and lines.
--------------------------------------------------------------------------------
Backgrounds (Image)
<body background="IMAGE URL">
--------------------------------------------------------------------------------
Backgrounds (Color)
<body bgcolor="COLOR OR HEX CODE HERE">
--------------------------------------------------------------------------------
Lines
The first line make a gray line across the page. The second line allows you to change the size, color, and width.
<hr>
<HR width=# color=#000000 SIZE=#>
__________________________________________________ _____________________
Text Areas
Textareas are cute boxes that you can write text in. They are really nice to use in certain layouts to have little messages or updates on the site.
--------------------------------------------------------------------------------
Basic Textarea
<textarea rows=# cols=#>
TEXT GOES HERE
</textarea>
--------------------------------------------------------------------------------
Colored textareas
These textareas look nice if you're putting them in with a layout. Pretty! :) Lalalalala, write what you want here.
<textarea ROWS=5 COLS=15
style="background:COLOR"
style="font-family:FONT"
style="color:COLOR HERE"
style="border style:solid">
TEXT HERE</textarea>
--------------------------------------------------------------------------------
Textareas that allow HTML
You can use HTML in these textareas. Enjoy.
<ilayer name="scroll1">
<div id="scroll3"
style="width:100;height:75;
background-color:COLORHERE;
overflow:auto">
TEXT HTML TEXT HTML
</textarea></div>
__________________________________________________ _____________________
Tables
Basic Table
This is your basic table. Every table starts off with this code. I advise you to mess around with the basic code and see what you can do with it. Tables are really cool and can be used for a lot of things.
<table border=# bordercolor=COLOR width=# cellpadding=#
cellspacing=#><tr><td>
TEXT OR HTML </tr></td> </table>
--------------------------------------------------------------------------------
Finished Tables
<table border=5 bordercolor=blueviolet
cellspacing=0 cellpadding=2
rules=rows><tr><td bgcolor=aqua>
<font color=magenta>Text<td bgcolor=lime>
<font color=dodgerblue>Text
<tr><td bgcolor=magenta>
<font color=aqua>Text<td bgcolor=dodgerblue>
<font color=lime>Text</table>
Calendar
December 2001
Another year comes to an end
Sun Mon Tue Wed Thu Fri Sat
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31
<TABLE BORDER=3 CELLSPACING=3 CELLPADDING=3>
<TR>
<TD COLSPAN="7" ALIGN=center><B>December 2001</B></TD>
</TR>
<TR>
<TD COLSPAN="7" ALIGN=center><I>Another year comes to an end</I></TD>
</TR>
<TR>
<TD ALIGN=center>Sun</TD>
<TD ALIGN=center>Mon</TD>
<TD ALIGN=center>Tue</TD>
<TD ALIGN=center>Wed</TD>
<TD ALIGN=center>Thu</TD>
<TD ALIGN=center>Fri</TD>
<TD ALIGN=center>Sat</TD>
</TR>
<TR>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center>1</TD>
</TR>
<TR>
<TD ALIGN=center>2</TD>
<TD ALIGN=center>3</TD>
<TD ALIGN=center>4</TD>
<TD ALIGN=center>5</TD>
<TD ALIGN=center>6</TD>
<TD ALIGN=center>7</TD>
<TD ALIGN=center>8</TD>
</TR>
<TR>
<TD ALIGN=center>9</TD>
<TD ALIGN=center>10</TD>
<TD ALIGN=center>11</TD>
<TD ALIGN=center>12</TD>
<TD ALIGN=center>13</TD>
<TD ALIGN=center>14</TD>
<TD ALIGN=center>15</TD>
</TR>
<TR>
<TD ALIGN=center>16</TD>
<TD ALIGN=center>17</TD>
<TD ALIGN=center>18</TD>
<TD ALIGN=center>19</TD>
<TD ALIGN=center>20</TD>
<TD ALIGN=center>21</TD>
<TD ALIGN=center>22</TD>
</TR>
<TR>
<TD ALIGN=center>23</TD>
<TD ALIGN=center>24</TD>
<TD ALIGN=center>25</TD>
<TD ALIGN=center>26</TD>
<TD ALIGN=center>27</TD>
<TD ALIGN=center>28</TD>
<TD ALIGN=center>29</TD>
</TR>
<TR>
<TD ALIGN=center>30</TD>
<TD ALIGN=center>31</TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
</TR>
</TABLE>
Text Text Text Text
Text Text Text> Text
<table bgcolor=lime border=4
bordercolor=blueviolet
cellpadding=5 cellspacing=3><tr><td colspan=4>
<center>Text Text Text Text
<tr><td><center>Text<td><center>Text
<td><center>Text><td><center>Text</table>
__________________________________________________ _____________________
Music
Background Music (Invisible)
<embed src="MUSIC URL"
loop="true" autostart="true"controls="smallconsole">
--------------------------------------------------------------------------------
Background Music w/ Console
<bgsound src = "MIDI URL" loop = "true">
<embed src = "MIDI URL" autostart =
"true" loop = "false" volume = "50%" height = "60" width =
"145">
--------------------------------------------------------------------------------
Music Box
Alex Bach
<form> <table border=0 bordercolor=black bgcolor=white>
<tr><th><bgsound src="url of song" id=music loop=infinite>
<font face="verdana">
<font size=1><font color=white>Name of Artist</font>
</th></tr><tr><td>
<input type="button" value="play"
onclick="document.all.
music.src='url of song';document.
cookie='SO=Y;PATH=/'">
<input type="button" value="stop"
onclick="document.all.
music.src='http://208.222.215.244
/images/music/blank.htm';
document.cookie='SO=N;PATH=/;'">
</td></tr></table></form>
</center>
</script>
__________________________________________________ _____________________
Tables
A common tool for building webpages is being able to line text up next to each other as I am doing right now (once you learn how to line stuff up, you'll be able to do amazing things w/ your layout). This code is great for, not just the layout, but many subpages too . I like to use tables to line stuff up because the code is pretty easy to remember. To line stuff up, I just use a basic table with no borders or colors.
<table><td>text here</td>
<td>text here</td></table>
BackGrounds and Lines
Below, I listed some basic codes for your webpage. Remember to copy and paste. Basic codes include backgrounds, marquees, and lines.
--------------------------------------------------------------------------------
Backgrounds (Image)
<body background="IMAGE URL">
--------------------------------------------------------------------------------
Backgrounds (Color)
<body bgcolor="COLOR OR HEX CODE HERE">
--------------------------------------------------------------------------------
Lines
The first line make a gray line across the page. The second line allows you to change the size, color, and width.
<hr>
<HR width=# color=#000000 SIZE=#>
__________________________________________________ _____________________
Text Areas
Textareas are cute boxes that you can write text in. They are really nice to use in certain layouts to have little messages or updates on the site.
--------------------------------------------------------------------------------
Basic Textarea
<textarea rows=# cols=#>
TEXT GOES HERE
</textarea>
--------------------------------------------------------------------------------
Colored textareas
These textareas look nice if you're putting them in with a layout. Pretty! :) Lalalalala, write what you want here.
<textarea ROWS=5 COLS=15
style="background:COLOR"
style="font-family:FONT"
style="color:COLOR HERE"
style="border style:solid">
TEXT HERE</textarea>
--------------------------------------------------------------------------------
Textareas that allow HTML
You can use HTML in these textareas. Enjoy.
<ilayer name="scroll1">
<div id="scroll3"
style="width:100;height:75;
background-color:COLORHERE;
overflow:auto">
TEXT HTML TEXT HTML
</textarea></div>
__________________________________________________ _____________________
Tables
Basic Table
This is your basic table. Every table starts off with this code. I advise you to mess around with the basic code and see what you can do with it. Tables are really cool and can be used for a lot of things.
<table border=# bordercolor=COLOR width=# cellpadding=#
cellspacing=#><tr><td>
TEXT OR HTML </tr></td> </table>
--------------------------------------------------------------------------------
Finished Tables
<table border=5 bordercolor=blueviolet
cellspacing=0 cellpadding=2
rules=rows><tr><td bgcolor=aqua>
<font color=magenta>Text<td bgcolor=lime>
<font color=dodgerblue>Text
<tr><td bgcolor=magenta>
<font color=aqua>Text<td bgcolor=dodgerblue>
<font color=lime>Text</table>
Calendar
December 2001
Another year comes to an end
Sun Mon Tue Wed Thu Fri Sat
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31
<TABLE BORDER=3 CELLSPACING=3 CELLPADDING=3>
<TR>
<TD COLSPAN="7" ALIGN=center><B>December 2001</B></TD>
</TR>
<TR>
<TD COLSPAN="7" ALIGN=center><I>Another year comes to an end</I></TD>
</TR>
<TR>
<TD ALIGN=center>Sun</TD>
<TD ALIGN=center>Mon</TD>
<TD ALIGN=center>Tue</TD>
<TD ALIGN=center>Wed</TD>
<TD ALIGN=center>Thu</TD>
<TD ALIGN=center>Fri</TD>
<TD ALIGN=center>Sat</TD>
</TR>
<TR>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center>1</TD>
</TR>
<TR>
<TD ALIGN=center>2</TD>
<TD ALIGN=center>3</TD>
<TD ALIGN=center>4</TD>
<TD ALIGN=center>5</TD>
<TD ALIGN=center>6</TD>
<TD ALIGN=center>7</TD>
<TD ALIGN=center>8</TD>
</TR>
<TR>
<TD ALIGN=center>9</TD>
<TD ALIGN=center>10</TD>
<TD ALIGN=center>11</TD>
<TD ALIGN=center>12</TD>
<TD ALIGN=center>13</TD>
<TD ALIGN=center>14</TD>
<TD ALIGN=center>15</TD>
</TR>
<TR>
<TD ALIGN=center>16</TD>
<TD ALIGN=center>17</TD>
<TD ALIGN=center>18</TD>
<TD ALIGN=center>19</TD>
<TD ALIGN=center>20</TD>
<TD ALIGN=center>21</TD>
<TD ALIGN=center>22</TD>
</TR>
<TR>
<TD ALIGN=center>23</TD>
<TD ALIGN=center>24</TD>
<TD ALIGN=center>25</TD>
<TD ALIGN=center>26</TD>
<TD ALIGN=center>27</TD>
<TD ALIGN=center>28</TD>
<TD ALIGN=center>29</TD>
</TR>
<TR>
<TD ALIGN=center>30</TD>
<TD ALIGN=center>31</TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
<TD ALIGN=center></TD>
</TR>
</TABLE>
Text Text Text Text
Text Text Text> Text
<table bgcolor=lime border=4
bordercolor=blueviolet
cellpadding=5 cellspacing=3><tr><td colspan=4>
<center>Text Text Text Text
<tr><td><center>Text<td><center>Text
<td><center>Text><td><center>Text</table>
__________________________________________________ _____________________
Music
Background Music (Invisible)
<embed src="MUSIC URL"
loop="true" autostart="true"controls="smallconsole">
--------------------------------------------------------------------------------
Background Music w/ Console
<bgsound src = "MIDI URL" loop = "true">
<embed src = "MIDI URL" autostart =
"true" loop = "false" volume = "50%" height = "60" width =
"145">
--------------------------------------------------------------------------------
Music Box
Alex Bach
<form> <table border=0 bordercolor=black bgcolor=white>
<tr><th><bgsound src="url of song" id=music loop=infinite>
<font face="verdana">
<font size=1><font color=white>Name of Artist</font>
</th></tr><tr><td>
<input type="button" value="play"
onclick="document.all.
music.src='url of song';document.
cookie='SO=Y;PATH=/'">
<input type="button" value="stop"
onclick="document.all.
music.src='http://208.222.215.244
/images/music/blank.htm';
document.cookie='SO=N;PATH=/;'">
</td></tr></table></form>
</center>
</script>
__________________________________________________ _____________________
Tables
A common tool for building webpages is being able to line text up next to each other as I am doing right now (once you learn how to line stuff up, you'll be able to do amazing things w/ your layout). This code is great for, not just the layout, but many subpages too . I like to use tables to line stuff up because the code is pretty easy to remember. To line stuff up, I just use a basic table with no borders or colors.
<table><td>text here</td>
<td>text here</td></table>