COSC 2P89 - Assignment #1

Basic HTML Formatting
Colours and Images Lists and Tables

Basic HTML

1. HTML tags are items that take plain text in an HTML document and format that text. Items that switch a format on look like this <tag> and items that switch off a format look like this </tag>

2. Each document must have <html>...</html> tags. As well, each document must have a <head>...</head> and <body>...</body> section, respectively. While not compulsory, it is expected that each document will have a <title>...</title> section as well in its head.

3. Comments are shown with the following tag: <! --- >

4. <title> creates a title across the top of the screen, in the blue bar. <h1> makes the text size its biggest.

5. HTML template

6. Test page

Formatting

1. Text can be formatted horizontally through the use of align = "left, center, right" in the heading tag.

2. The browers ignores whitespace and newline characters because it forces the user to pay better attention to his tag structure, so that the HTML is better formatted.

3. Font size can be changed without style sheets using the <font size=...> tag. The formatting options available for plain text are <b>, <i>, <strong>, <tt>, <sub>, <sup>

4. An absolute hyperlink path points to a specific location in the directory structure. A relative hyperlink merely points to hte same directory as the file you're reading.

5. You use absolute hyperlinks to link to other pages off your site. You use relative hyperlinks to point to sites within your own directory structure.

6. You can jump between locations in a page by assigning a name to a specific area, and then linking to that name like this: <a href="#target">...</a>

7. Test page

8. Test page The emphasis tags drag attention to specific words or phrases within the page.

9. Test page

10. Test page

11. Test page

12. Test page

Colours and Images:

1. On the plus side, some images have made websites easier and quicker to navigate for those with swift internet connections. On the other hand, they also slow things down for those users who still have a slow connection.

2. Colours that are far apart tend to work well together (ie. light/dark). Colours that are close together or the same shade tend to make things difficult to read.

3. Test page

4. The most commonly encountered image types are *.gif, and *.jpg, with *.png gaining popularity. If the browser finds an image it cannot open itself, most will open a helper application to try to view it (ie. MSPaint is opened to deal with a *.bmp file).

5. Test page

6. Test page

7. Test page

8.Test page

9. Many sorts of multimedia objects can be hosted within a web page, including movies, music, images, animations, and sound. HTML 4 supports all multimedia types, both developed and undeveloped, because it uses the same basic link struture to access each multimedia element.

Lists and Tables

1. List and table page

2. Tables are advantageous over other methods of processing data in HTML because they allow you to break away from the default paragraph structure of HTML. The problem with tables, and especially enbedded tables, is that they involve a lot of coding and its very difficult to find a bug if one pops up.

3. List and table page

4. List and table page

1