| Site Navigation--> | Introduction | Saving | Edit/Create | Make It Unique | More... |
| Clarify Some thing... |
| WHAT YOU WANT TO DO | ADD/EDIT SOURCE CODE | WHAT IT SHOULD LOOK LIKE | ||||||||
| CHANGE PAGE BACKGROUND | <body bgcolor="#ff6600"> Note: The background color is either the color name (ex: "yellow") or a 6 character/digit hexadecimal code. The range is from #000000 to #FFFFFF. Examples: #AF1296, #F99999, #00000A. You have more control over the exact hue/color when you use the hexadecimal code versus the color name. List of Some colors List of Web Safe colors |
![]() | ||||||||
| <body background="images/flower.gif"> Note: Your picture may "tile" if your picture is small. Tiling is the repetive occurance of your picture in order to completely fill the browser window. To avoid this, increase the size of your picture to the size of your browser window or screen resolution. Typical screen resoultion sizes are 800x600, 1024x768, 1280x720. |
![]() | |||||||||
| CHANGE TEXT
List of web-safe fonts |
<font color="#fC4376" size="5" face="Signature">your text</font> | your text | ||||||||
| <strong>bold text</strong> | bold text | |||||||||
| <u> underlined text </u> | underlined text | |||||||||
| <i> italicized text</i> | italicized text | |||||||||
| <h1> pre-defined heading format </h1> Note: The range of pre-defined heading formats: <h1> ... <h6> |
pre-defined heading format | |||||||||
| ADD A PICTURE | <img src="images/flower.gif" height="200" width="200"> Note: You must specify the path (where it is located on your machine) of picture in order for the browser to find it. If you see this ( ) on your page, then your path
is written incorrectly in your image (src) tag. Search Google for Images on the web |
![]() | ||||||||
| Add LINKS | ADD A LINK USING TEXT: <a href="http://www.cs.nsu.edu">Go To CS Homepage</a> |
Go To CS Homepage | ||||||||
| ADD A LINK USING A PICTURE: <a href="http://www.cs.nsu.edu"> <img src="images/flower.gif" height="40" width="40"> </a> |
||||||||||
| ADD A TABLE | <table border="1" bordecolor="pink" bgcolor="white"> <tr> <td>heading COLORS </td> <td>heading SHAPES </td> </tr> <tr> <td> red </td> <td> circle </td> </tr> <tr> <td> blue </td> <td> triangle </td> </tr> <tr> <td bgcolor="yellow"> Change background of cell</td> <td> square </td> </tr> </table> NOTE: This webpage uses a table to line everything nice and neat. As you see you can add images to a table, change border color and thickness, change background colors of rows, cells or the entire table. This is only a fraction of what you can do with tables. |
|