|
Glossary Here are more tags you might find useful when you are designing your website. Body The content of your web page goes inside the body tags. This is the part you see when you visit a web site.
<html>
Body Background Color Background color is an attribute of the body. Therefore we change the background color in the body tag.
<body bgcolor="9999FF">
Body Background Image You can also add an image in the background of your page. Again this is done in the body tag. But this time instead of using bgcolor="...", you will use background="file_name". Your file will either be a GIF file or a JPEG file.
<body background="lgreen.jpg">
Bold The bold tag allows you to emphasize a word or phase within your text.
<b> ... </b>
Breaks The break tag is a one-sided tag. So there is not a closing tag. The break tag allows you to insert a 'return' or break at the end of a line.
<br>
Center The center tag centers your text.
<center> ... </center>
Font Color We use hexidecimal color codes to change font color on web pages.
<font color="#c91f16"> ... </font>
Font Face Another attribute you can change in the font tag is the face or style of the letters. I would open a font tag for the face before I start with any of my text and close it after I'm finished.
<font face="helvetica"> ... </font>
Font Size Sometime you may want to change the size of some text to set it apart from other text. The size attribute of the font tag can range from 1 to 7.
<font size=2> ... </font>
Head The Head tag is the first tag after the HTML tag.
<head>
</head>
Headings There are six head tags: <h1>, <h2>, <h3>, ..., <h6>. These are usually used as titles and subtitles within your text.
<h1> ... </h1>
Horizontal Rule You can draw a line to break sections of your web page. The horizonal rule tag adds a horizontal line the width of your browser window. You can vary the thickness of the line by adding a size attribute: <hr size=4>. The larger the number, the thicker the line.
<hr>
HTML The HTML tag opens every HTML document. This tag tells your browser (Netscape or Internet Explorer) that you are coding in html. The opening HTML tag should be your first tag on your Note Pad (or Simple Text) page and the closing tag should be the last tag on your page.
<html> ... </html>
Image Aligning Sometimes you want to align the text with the image to have less empty space on your page. Most people use left, right, or center to align the image.
<img src="image.gif" align="left">
Image Alternative What happens if someone is reading your page from a text-only browser or cannot download your images? Then all your effort in inserting images has been for nothing?! Not quite. By using the alt tag you can substitute that image with something meaningful.
<img src="image.gif" alt="Picture of my friends">
Image Size You can use this to make your image larger or smaller. It uses height and width tags.
<img src="image.gif" height="100" width="100">
Image Source This puts a picture on your web page. The "src" actually stands for "source," so you are telling the browser where the image is located.
<img src="image.gif">
Italics The italics tag is another tag used for emphasis.
<i> ... </i>
Ordered List Organize your lists with a numbered list.
<OL>
Paragraphs The paragraph tag allows you to set paragraphs apart. It will not indent the paragraph, but it will put spaces between the paragraphs.
<p> ... </p>
Table Marks the beginning and end of the table.
<table>
Table Row The row across in a table.
<table>
Table Data The information in a table; stands for "table data."
<table>
Title The title tag goes inside the head tag. Don't be confused. You still haven't added anything to the body of the page. That will be next. The title tag will put a title on the window bar of your browser. This title usually tells something about the page you are making.
<title>My Web Page</title>
Unrdered List Organize your lists with a bulleted list.
<UL>
|