Basic HTML



Below is a table that I created to let you see some html commands next to their effects.
Notice that all commands are enclosed in < >.

<html> <head> No effect, needed to start a page
<title> CSci 1001, Lab2, Intro to HTML </title> The title you see at the top of the window
</head> Everything created, must also be destroyed using the command with a /
<center> <h1> Basic HTML </h1> </center> The title above the table
This next commands grabs the image "bug.gif" from the directory "images".
<img src="images/bug.gif">
Here's a way to create a link to the netscape page.
<a href="netscape.html">Netscape link </a> Netscape link
And a way to link to the a site on a different server.
<a href="http://www.yahoo.com"> Yahoo </a> Yahoo
A simple table.
<table border=2><tr> <th>Name</th><th>Age</th></tr> <tr><td>Dave</td><td>27</td></tr></table>
NameAge
Dave27
<b>Bold</b> Bold
<blink>Blink</blink> Blink
<i>Italics</i> Italics
<font size="+2" color="blue">Obvious</font> Obvious
<center><a href="moreDos.html"><img src="images/www.gif"></a><br><font color="purple"> <b><i><blink>Combo</blink></i></b></font> </center>

Combo
</body></html>Remember to close everything


To really bring this knowledge home, and if you are feeling brave enough to attempt some extremely easy programming. Try downloading this page to your disk, and make some simple changes! Just as a warning, you might not want to change the stuff in the table itself.


Congratulations on learning the very, very basic programming in HTML.

If you'd like to test yourself on the skills. Click Here
To return to Lab 2 Click Here.