 |
|
|
||
 |
|
|||
  What is HTML? How to make a table. Style Sheets Graphics Tips. Resources
What is HTML?
HTML stands for HyperText Mark-up Language and is the language used to design web pages. For a review of all the different elements that make up HTML take a look at the HTML 4.0 Elements page. For a few links to designing your own web page see the Resources section. How to make a table.
A table consists of three basic elements <TABLE>, <TR>, and <TD>. Here is an example of a basic 1x2 table:
This is how you would do that: <TABLE BORDER="1"> <TR> <TD> Your text etc. goes here. </TD> <TD> Some more text goes here. </TD> </TR> </TABLE> <TR> is a Table Row. <TD> stands for Table Data. Each Row must include at least one Data cell. Closing tags are required. For detailed information on tables and extended table attributes check out Netscape's Table Tags page. Top Using External Style Sheets
The one big advantage of external style sheets is that they allow you to easily apply one specific style to an element of your pages and then change with just one small modification of your style sheet. Let's examine how to do that. First you need your external style sheet itself. For this all you need is an ASCII text file with a .CSS extension. Within the file will be the styles to be applied. For a quick listing of styles see the CSS1 Properties Quick Reference Table. Next you need to link the style sheet file to the documents that the styles will be applied to. For this you need to place this command within the HEAD tags of your page: <LINK REL=StyleSheet HREF="main.css" TYPE="text/css" MEDIA=screen> The HREF property indicates where the style sheet is located. Now to apply a style to a page. For example what if you want all of your headers to be centered. All you need to do is put H1,H2,H3,H4,H5,H6 { text-align: center } in your .CSS file. Then wherever you use the header tags in that page they will be centered. Top Graphics Tips
Always use height and width attributes in your image tags - This will allow the browser to set the size of all boxes that the graphics will be loaded into, thus allowing the rest of the page to be loaded quickly for the user to read. Make your graphics as small as possible - A few things to remember when trying to reduce the file size of your images. 1. For more complex graphics involving shading(eg. photos) JPEG files are usually smaller than GIF files, try saving your graphics both ways and compare sizes. 2. Reduce the number of colours used in your image. If your image uses only 200 colours then there's no need to save it as a 16bit(64,000 colour) image. Try to limit the size of your graphics to about 20K to speed the loading of your page. In the Resources section at the bottom are some links to programs and sites that help you to shrink you images. Top Resources
Back Copyright © 1998 Paul van der Westhuizen
Hosted by Geocities |
||||
|
||||
