Make your Own Web Page
Back before tools like Dreamweaver or Claris Home Page, if you wanted to create a web page you had to code it by hand. Most web pages are created using HTML or Hypertext Markup Language. If you want to see what this looks like open Mozilla to any web page and select View, Page Source.
Very confusing huh?
What we will do today is create a really simple web page using HTML.
Here are the tools we will use:
A Text Editor: This is were we will type our HTML code. We will use Mozilla Composer
A Web Browser: This is were will preview our web page to see what it looks like.
To learn some basic HTML code lets look at this page and this cheatsheet
WebMonkey For Kids is also a very good resource.
Here's more stuff to make your web page really come alive! From WebMonkey.
Embedding Media Files:
Use the following code. Replace myfile.mid with the name of your file
<embed src="myfile.mid" autostart="false" width="360" height="20" />
Embed tag attributes:
autostart- if set to "true", automatically plays your file when webpage loads. If set to "false" user must manually start the file.
width- the width of your media controller
height- the height of your media controller
For more Embed info check out tizag.com
Modifying Text:
Creating Tables:
This is the basic code you need to generate a table
<table border>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</table>
<tr> is a row
<tr>
</tr>
<td> is a column
<td> </td>
And here's what the table will look
like:
| Cell 1 | Cell 2 |
| Cell 3 | Cell 4 |
Table Elements
<td colspan=2>Cell 1</td>
<td rowspan=2>Cell 1</td>
|
|||||
|
|||||
Borders:
To Change the thickness of the outside of your table:
Add a value to the attribute Border:
<Table Border = 5>, <Table Border =6>, etc.
Color:
Change the background Color:
Add the attribute bgcolor to change the color of a table cell
<td bgcolor = "#003333">
Add the attribute bgcolor to change the color of a entire table.
<table bgcolor ="#00333">