This table is designed to meet the requirements of Homework 2.
This design was used since I am having trouble coming up with a more creative one.
The HTML code is shown where noted so that it can be copied into the text area below.
|
Description |
HTML |
Results |
| Fun with formatting tags |
<LI><B>Bold</B></LI>
<LI><STRONG>Strong</STRONG></LI>
<LI><I>Italics</I></LI>
<LI><EM>Emphasis</EM></LI>
<LI><INS>INS</INS></LI>
<LI><DEL>DEL</DEL></LI>
<LI><Sub>Sub</Sub></LI>
<LI><Sup>Sup</Sup></LI>
<LI><Code>Code</Code></LI>
|
- Bold
- Strong
- Italics
- Emphasis
- INS
DEL
- Sub
- Sup
Code
|
| Fun with text: colors, sizes and fonts |
<UL>
<LI><P style="font-family: Arial; font-size: 4px ; color:#FF0000">Size: 4, color: red, font: Ariel</P></LI>
<LI><P style="font-family: Courier; font-size: 8px ; color:#0000FF">Size: 8, color: blue, font: Courier</P></LI>
<LI><P style="font-family: Sans-Serif; font-size: 16px ; color:#800080">Size: 16, color: purple, font: Sans-Serif</P></LI>
</UL>
|
Size: 4, color: red, font: Ariel
Size: 8, color: blue, font: Courier
Size: 16, color: purple, font: Sans-Serif
|
| Links with altered colors |
<OL type="I">
<LI><A style="color:#800080" href="http://www.schlockmercenary.com">Schlock Mercenary: a great webcomic</A></LI>
<LI><A style="color:#800000" href="http://www.ncsu.edu">Link to NCSU homepage</A></LI>
<LI><A style="color:#FF00FF" href="http://www.eos.ncsu.edu/e115">Link to E115 homepage</A></LI>
</OL> |
- Schlock Mercenary: a great webcomic
- Link to NCSU homepage
- Link to E115 homepage
|
| An icon created with KIconEdit. Note it is also a link. To where? Find out. |
<A href="http://www.girlgeniusonline.com"><IMG SRC = "testicon.png" ALT="image not loaded yet"></A> |
 |
| An image created with KolourPaint. Generically called "blurry spiral" |
<IMG SRC = "blurry spiral.jpg" ALT="image not loaded yet" ALIGN="center" BORDER=2 HEIGHT=100> |
 |
| An image copied (with permission) from my office website. Also a link to that website. |
<A href="http://www.gadconsulting.com"><IMG SRC = "stat.gif" ALT="image not loaded yet"></A> |
 |
This is the do-it-yourself section: text written into the box will replace the
page when you click the 'Write It' button. This is a great way to test out
the simple HTML tags above.