STUDY REVIEW

Introduction   Lesson 0   Lesson 1   Lesson 2   Lesson 3   Lesson 4   Lesson 5   Lesson 6
  Lesson 7   Lesson 8   Study Review   Glossary

Use this information for study notes, to give a class lecture, as worksheets (to fill in the empty spots) or anything you find useful. Just don't plagarize it! Because this is a huge document, I am providing some Hot links to the location to a specific piece of information contained in this document.  PRINT (9 pages)!

Basic Formats   Section Notes   Elements and their Attributes Colors, Fonts, and More

Basic Formats:

Tag: Start Tag: <ELEMENT ATTRIBUTE=VALUE FLAG=FLAG>
End Tag: </ELEMENT>

Basic Web Document Format:

<html>
<head>
<title>Title of your page, appears in the title bar of web browser</title>
</head>
<body>
This is the body. This is where your images, text, and sounds will go.
</body>
</html>

Proper Nesting: <b><i>Welcome to my webpage!</i></b>

Communicating Between Pages and Files: <a href="webpage/file">Text/images go here</a>

Communication via a Relative Link: <a href="../tips.txt">Click to view tips.txt in the browser</a>

<a href="WINDOWS/clouds.bmp" >Click to open clouds.bmp in your browser</a>

Communication via an absolute link: <a href="file://C|/WINDOWS/clouds.bmp" target="_blank">Click to open clouds.bmp in your browser</a>

Communication with the Web: <a href="http://www24.brinkster.com/wspkel/index.shtml">Click here to go to my website</a>

Image: <img alt="My Photo" border="1" src="graphicfile">

Sound: <bgsound src="soundfile" width="0" height="0">

Tables:

<table>
<tr><td>Put text/such here</td></tr>
</table>

Forms:

<form name="formname" method="how information is sent" action="action after form is submitted">
CONTROLS
</form>

Input Objects in Forms: <input type="type" name="name" value="value">Object Name

Section Notes:

Lesson 0 Lesson 1 Lesson 2 Lesson 3 Lesson 4 Lesson 5 Lesson 6 Lesson 7 Lesson 8 

LESSON 0: Terminology

GLOSSARY TERMS TO KNOW: design, code, edit, author, Web master, Web document, Web browser, World Wide Web, Web page, embedded, Web site, Homepage, Hypertext Markup Language (HTML), markup tags, element, attribute, value, flag, open tag, close tag, forward slash (slash /), text

FORMATS: Tag: Start Tag: <ELEMENT ATTRIBUTE=VALUE FLAG=FLAG>
End Tag: </ELEMENT>

NOTES:

ELEMENTS/ATTRIBUTES SPECIAL TO THIS SECTION:

<hr noresize="noresize">

LESSON 1: WHAT YOUR WEBPAGE MUST HAVE TO BE A WEBPAGE

GLOSSARY TERMS TO KNOW: Web server

FORMATS:

Basic Web Document Format:

<html>
<head>
<title>Title of your page, appears in the title bar of web browser</title>
</head>
<body>
This is the body. This is where your images, text, and sounds will go.
</body>
</html>

NOTES:

ELEMENTS/ATTRIBUTES SPECIAL TO THIS SECTION:

<html></html>
<head></head>
<title></title>
<body></body>

LESSON 2: TEXT FORMATTING

GLOSSARY TERMS TO KNOW: bold, italicise, underline, strike-out, center, background color, font name, font size, font color, nesting, line break, paragraph break, non-breaking space

FORMATS:

Proper Nesting: <b><i>Welcome to my webpage!</i></b>

NOTES:

ELEMENTS/ATTRIBUTES SPECIAL TO THIS SECTION:

<center></center>
<b></b>
<i></i>
<u></u>
<s style="background-color:yellow"></s>
<font color="red" size="7" face="Arial"></font>
<br>
<p></p>
&nbsp;

LESSON 3: COMMUNICATING BETWEEN WEBPAGES AND OBJECTS

GLOSSARY TERMS TO KNOW: object, hypertext link, relative link, folder hiearchy, absolute link, Uniform Resource Locator (URL), backslash (\)

FORMATS:

Communicating Between Pages and Files: <a href="webpage/file">Text/images go here</a>

Communication via a Relative Link: <a href="../tips.txt">Click to view tips.txt in the browser</a>

<a href="WINDOWS/clouds.bmp" >Click to open clouds.bmp in your browser</a>

Communication via an absolute link: <a href="file://C|/WINDOWS/clouds.bmp" target="_blank">Click to open clouds.bmp in your browser</a>

Communication with the Web: <a href="http://www24.brinkster.com/wspkel/index.shtml">Click here to go to my website</a>

NOTES:

ELEMENTS/ATTRIBUTES SPECIAL TO THIS SECTION:

<a href="file://{http://, ../ or no prefix}" target="_blank"></a>

LESSON 4: INSERTING IMAGES AND SOUNDS

GLOSSARY TERMS TO KNOW: .gif, .jpg, .bmp, .png, Bitmap Image, Graphic Interchange Format, Joint Photographic Experts Group, Portable Network Graphics, hover, load

FORMATS:

Image: <img alt="My Photo" border="1" src="graphicfile">

Sound: <bgsound src="soundfile" width="0" height="0">

NOTES:

ELEMENTS/ATTRIBUTES SPECIAL TO THIS SECTION:

<img alt="My Photo" border="1" height="150" width="150" src="graphicfile">
<bgsound src="soundfile" width="0" height="0">

LESSON 5: ADDING TABLES

GLOSSARY TERMS TO KNOW: tables, template, table row, table data, table cell, caption

FORMATS:

Tables:

<table>
<tr><td>Put text/such here</td></tr>
</table>

NOTES:

ELEMENTS/ATTRIBUTES SPECIAL TO THIS SECTION:

<table border="1" bgcolor="khaki"></table>
<caption align="center"></caption>
<tr bgcolor="red"></tr>
<td align="center"></td>

LESSON 6: USING FORMS

GLOSSARY TERMS TO KNOW: form, control, radio control, checkbox control, mask, textarea control, input button control, Submit button, Reset button

FORMATS:

Forms:

<form name="formname" method="how information is sent" action="action after form is submitted">
CONTROLS
</form>

Input Objects in Forms: <input type="type" name="name" value="value">Object Name

NOTES:

ELEMENTS/ATTRIBUTES SPECIAL TO THIS SECTION:

<form name="formname" method="how information is sent" action="action after form is submitted"></form>
<input type="radio" name="name" value="value">Object Name
<input type="checkbox" name="name" value="value">Object Name
<input type="text" name="name" value="value">
<input type="password" name="name" value="value">
<input type="submit" name="name" value="value">
<input type="Reset" name="name" value="value">
<textarea></textarea>

LESSON 7: ADJUSTING THE WHOLE WEB PAGE'S SETTINGS

GLOSSARY TERMS TO KNOW: style, fixed

FORMATS:

None

NOTES:

ELEMENTS/ATTRIBUTES SPECIAL TO THIS SECTION:

<body text="black" bgcolor="blue" link="red" vlink="green" alink="purple" background="kel2000.jpg" bgproperties="fixed" leftmargin="1" topmargin="1" ></body>

LESSON 8: PUTTING YOUR PAGE ON THE WORLD WIDE WEB

GLOSSARY TERMS TO KNOW: upload, Web space

FORMATS:

None

NOTES:

ELEMENTS/ATTRIBUTES SPECIAL TO THIS SECTION:

None

Elements and their Attributes

Items are listed in alphabetical order. Value-types for attributes included (see below for list and meaning). Only those items found in this tutorial listed. Attributes listed when needed in replace of value-types.

Value-Types:

colorname: name of a color
file: path to a file or a file itself
fontname: name of a font face
name: name of the item
number: some number
sometext: any text you want to type
value: value of the item

A   
   href="http:// or file:// or ../ or some path and/or file"
   target="_blank"   

B

BGSOUND
   height="number"
   src="file"
   width="number"
BODY
   alink="colorname"
   background="file"
   bgcolor="colorname"
   bgproperties="fixed"
   leftmargin="number"
   link="colorname"
   text="colorname"
   topmargin="number"
   vlink="colorname"

BR

CAPTION
   align="center"

CENTER

FONT
   color="colorname"
   face="fontname"
   size="number"

FORM
   action="file"
   method="post"
   name="name"

HEAD

HR
   resize="resize"

HTML

I

IMG
   alt="sometext"
   border="number"
   height="number"
   src="file"
   width="number"

INPUT
   maxlength="number"
   name="name"
   size="number"
   type="radio or checkbox or password or text or submit or reset"
   value="value"

P

S
   style="background-color:colorname"

TABLE
   bgcolor="colorname"
   border="number"

TD
   align="center"
   bgcolor="colorname"

TEXTAREA
   cols="number"
   name="name"
   rows="number"

TITLE

TR
   bgcolor="colorname"

U

Colors, Fonts, and More

&nbsp; = non-breaking space
Color names: red, green, purple, blue, black, khaki
Font Names: Arial, Times
Extenstions: .gif, .bmp, .jpg or .jpeg, .png, .au, .mp3, .wav, .mid
Punctuation: /, \, =, "", :, a space, &, ., -, |

               Take the Quiz        Back to Lesson 6        On to Glossary