<html>
Tables:
<table>
<tr><td>Put text/such here</td></tr>
</table>
<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 8LESSON 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>
<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>
<html></html>
<head></head>
<title></title>
<body></body>
Proper Nesting: <b><i>Welcome to my webpage!</i></b>
NOTES:
<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>
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:
<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:
<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>
<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:
<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:
<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:
None
Elements and their AttributesItems 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
= 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, &, ., -, |