CSE 100 Assignment 2 Creating a Student Home Page |
http://www.washington.edu/computing/web/publishing/students.html
Some Commonly Used Tags |
There are two type of HTML tags. The fist type acts upon the text that will appear in your HTML document. These commands have a begin tag and an end tag. For example, to make text bold, the begin tag is <B> and the end tag is </B>; text between these tags will appear bold.
The second group of tags simply perform a function within your document. This type of command does not need an end tag. For example, to create a horizontal line on your page, use <HR> which stands for "horizontal rule."
List of tags can be found in any HTML book on a variety of Web sites (see the Bibliography posted under resources on the CSE 100 web page). Following are a few commonly used tag and their attributes.
Function Tags |
|
<HTML>…</HTML> |
Html begins and ends a page |
<BODY>…</BODY> |
Body |
<TITLE>…</TITLE> |
Title |
<HEAD>…</HEAD> |
Header |
<P>…</P> |
Paragraph |
<B>…</B> |
Bold |
<I>…</I> |
Italic |
<FONT SIZE=#>…</FONT> |
Font size |
<FONT FACE="?">… </FACE> |
Font type |
<A HREF="???">…</A> |
Insert a hyperlink |
Begin/End Tags |
|
<HR> |
Horizontal line |
<BR> |
Line break (vertical space) |
<IMG SRC="…"> |
Insert an image |
Editing your Home Page using HTML |
Start Þ Programs Þ Accessories Þ Notepad
Note: all files you that you place on the web should end with .html or .htm. This tag is what makes your files readable on the Web.
Now you have created and saved your first HTML document. You are half way there! Now we have to post this document to your web page. This next step makes use of a very important tool in web editing call FTP witch is an abbreviation for File Transfer Protocol, the protocol used on the Internet for sending files.
Start Þ WS_ FTP
Capturing an Image from the Web |
(For this assignment we will all capture the UW Husky logo--http://www.gohuskies.com/)
(we will save the image on the hard drive in the "Documents" file)
Suggestion: try to keep your short and recognizable. For example "dog" or "UWlog" would be better than "HusckyDogImage" or "UniversityHusckyLogo"
Posting Your Image on Your Web Page |
In order to place your image on your web page, we need to use FTP again.
Web Template Handout |
<HTML>
<HEAD><TITLE>Type in Your Name</TITLE>
</HEAD>
<BODY>
<center><h1>The Heading at the top of your Page</h1></center>
<p>
<center>
<img src= "dog.gif">
</center>
<p>
This is the body of your web page. You can type anything you want in this section.
</p>
<HR>
<b><br>University of Washington
<br>Email -- youremail@u.washington.edu
<br>Web -- http://students.washington.edu/your web Extension
</b>
</BODY>
</HTML>