This tag is to surround all of the HTML code in the page. The starting tag is the beginning of the file. The ending tag is at the end of the file.
This tag is to contain the information that is to be displayed in the main window of the browser. Body has the following attributes:
For a good color palette, check out: http://www.visibone.com/colorlab/
This tag is to contain the information that is not to be displayed in the main window of the browser.
This tag specifies the text to be displayed in the title area of the browser when the page is shown.
This tag causes the next information to be displayed at the start at the next line in the browser.
This tag will cause a blank line to be displayed between the text before and after this tag.
This tag causes a horizontal line to be drawn on the web page.
The heading tags cause a bolded section of text to be displayed.
This tag will cause the text between the beginning and ending tags to be displayed using a bold typeface.
This tag will cause the text between the beginning and ending tags to be displayed using a italic typeface.
This tag will cause the text between the beginning and ending tags to be displayed using a fixed width typeface.
Creates a citation, usually italic.
Emphasizes a word (with italic or bold)
Emphasizes a word (with italic or bold)
Sets size of font, from 1 to 7
Sets font color, using name or hex value
Displays text as a superscript (up one half line)
Displays text as a subscript (down one half line)
The unordered lists us the tag pair <ul> </ul> and preface the items in the list with a symbol.
There are other list types, but these two are the most common. One of these other list types is the definition list. It uses the tag pair <dl> </dl> and have the list divided into two parts: the terms and the definitions.
Each item in the ordered and unordered lists is denoted by the use of the <li> tag (list item). As shown by the example below.
Here is a list of common pets: <ol> <li> Dogs <li> Cats <li> Fish <li> Birds </ol> |
The above html code would display an ordered list as shown below. Note how the list is indented from the text.
Here is a list of common pets:
|
Here is a description of the order list and unordered list tags.
Items in an ordered list are prefaced with a numeric value.
The type attribute allows the numeric values to be expressed in one of five ways: numbers, upper case Roman numerals, lower case Roman numerals, upper case letters and lower case letters. The attribute values for the type attribute are respectively: 1, I, i, A, a.
The value attribute allows you to specify the initial numeric value. This value is specified as a number and will be translated into the proper form according to which type is being use.
Items in an unordered list are prefaced with a symbol.
The type attribute allows the symbol that denotes each list item to be changed. Possible attribute values include: disc, circle and square.
Use the <lt> tag to specify every item in the list.
The <img> tag allows a picture to be displayed on a web page. The src attribute is used to specify the file that contains an image. This file can be specified using its filename if the images is in the same directory as the html file using this tag, or the file can be specified using the URL of the image. Images should be in the GIF or JPG format. There may be other formats acceptable to some Web Browsers, but GIF and JPG are the most common. An example of using the <img> tag is as follows.
<img src="picture.jpg">
<img src="elephant.jpg" alt="Elephants in Kenya">
<img src="picture.jpg" border=10>
<img src="picture.jpg" width=200> <img src="picture.jpg" height=250>
<img src="picture.jpg" hspace=15> <img src="picture.jpg" vspace=5>
<img src="picture.jpg" align="center">
You can make a copy of an image by clicking the RIGHT mouse button when over an image and selecting the "Save Image as..." option from the pop-up menu. This will save the image to the current machine that you are using. You may have to transfer the image (via FTP or some other method) to get it to your UNIX account.
The Anchor tag <a> allows you to add a link to another web page. The href attrribute is used to specify the URL of the web page to which the link will point. The name attribute allows the a page to be displayed at some location other than the top of the page. This discussion will focus on the href attribute. The follow is how to write a link to the CS Department Home Page:
<a href="http://www.cs.uic.edu">CS Home Page</a>This link would appear as follows:
CS Home PageThere are two primay parts of the HTML code for the link. These are the URL and the display information. In the above example:
An image link is when you have a image as the display information. The following is an image link to the UIC Home Page.
The URL is: http://www.cs.uic.edu This specifies where the link will go. This information is given by the value of the href attribute. Normally the URL will specify another HTML web page, but it can reference just about anything. If the web browser can display the URL it normally asks if you want to download to which the object the URL refers. The display information is: CS Home Page This specifies the information that will be displayed on the web page that you can click to activate the link. This information can be text or an image or both. Whatever information is between the open anchor tag <a> and the closing anchor tag </a> will become the display information.
<a href="http://www.uic.edu"><img src="uic_logo_full_blue_rev.gif"></a>This link appears as:
Special characters code all
A list of these codes can be found at
Character Code Name & & Ampersand < < Less Than > > Greater Than " " Double Quote © © Copyright Symbol ° ° Degree Symbol Non-breaking Space Character
This is the tag that surrounds all of the information for the table.
Atrributes:
This tag is used to specify each row of the table.
This tag is used to specify cells in a row of the table.
Attributes:
This tag is used to specify cells in a row of the table. The text in this cell is automatically be bolded and centered.
Attributes:
This tag is used to place a caption above or below the table. This tag has an attribute of align that takes values of either top or bottom to specify the location of the caption.
The main purpose of this tag is to divide the screen into multiple areas. The screen can be divided into multiple rows or multiple columns. In order to get both rows and columns, we would need to nest multiple <frameset> tags. One to divide into rows/columns, the other to divide each row/column into columns/rows. The rows and cols attribute takes list of an integer values, a percent values or an *, which will specify the number of rows or columns and the height of each rows or the width of each columns. The * is used to indicates the remaining space for the last row or column.
The src attribute allows you to assign a URL to an area and the name attribute allows you to assign a name to that area. The name is only referenced with the target attribute of the <a> tag (see below). Other attributes can be found at http://www.w3.org/TR/html4/present/frames.html#h-16.2.2.
This tag allows a "warning message" to be displayed if the user's web browser doesn't accept frames.
| Load the URL into a new unnamed window. |
| Load the URL into the current frame (this is the default). |
| Remove the most recent frames and load the URL. This only makes sense if you have a framed page inside of another framed page. |
| Remove all existing frames and load the URL. |