Free HTML Tutorials

 

The best Computer training Videos DiscoveryVIP

Free downloads, Free utilities Free Online resources
Top quality web design including images
Computer based training by Discoveryvip
Web design order buttons banners and graphics
Link exchange of reciprocal links
free web development tools
online javascripts and web design tools

Low cost cheap web promotion 1.99

LINKS

HTML tags defined

Select an HTML definition page
1 2 3

Making Tables
Table attribute are set in mostly the same way as other attribute. You can set them pixels or as a percentage
Don’t forget to properly calculate your rows and colums with colspan and rowspan
<table></table> Makes a table
• <table border=?> Border around table cells
• <table cellspacing=?> Space between table cells
• <table cellpadding=?> Space between a cell's border and its contents
• <table width=?> width of table
<tr></tr> For each row in a table
• <tr align=?><tr valign=?> Alignment of cells
<td></td> Makes a individual cell in a row
• <td align=?><td valign=?> Alignment of cells
• <td colspan=?><td rowspan=?> For spanning more than one cell size
Example: <table width="100" border="1" cellspacing="3" cellpadding="3">
<tr> <td>1</td><td>2</td><td>3</td></tr>
<tr> <td rowspan="2">4</td> <td colspan="2">5</td></tr>
<tr> <td>6</td><td>7</td></tr>
</table>

Making Frames
Frames are an easy way to keep the same information ain one area and display other parts of your site in another.
<frameset></frameset> Place in your frame document
<frame> Single frame
• <frameset rows="value,value"> rows
• <frameset cols="value,value"> colums
• <frameborder="value,value"> Yes or no border
• <border=""> Border size
<noframes></noframes> Default displayed in browser
<frame src="URL"> Defines which HTML document gets displayed
• <frame name="name"> Name of the frame
• <frame scrolling=VALUE> Yes or No
• <frame noresize> Prevents user from resizing
Example: <frameset cols="80,*" frameborder="NO" border="0" framespacing="0">
<frame src="file:///D|/Discovery/UntitledFrame-2" name="leftFrame" scrolling="NO" noresize>
<frame src="file:///D|/Discovery/Untitled-1" name="mainFrame">
</frameset>
<noframes><body></body></noframes>

Working with Forms
Forms are used to gather information. Usually for database management. Forms have different input type such as checkboxes, radio buttons, text field, dropdown menus. The items must be named in order for the receiving document to be able to understand them and get the results.
<form></form>Creates all forms methods includde post and get
<select name="NAME"></select> Used for pulldown menu
<textarea name="NAME" cols=? rows=?></textarea> Text Box
<input type="checkbox" name="NAME"> Check Box
<input type="radio" name="NAME" value="?"> Radio Buttons
Example: <form name="form1" method="post" action="">
<input type="text" name="textfield">
<input type="hidden" name="hiddenField">
<textarea name="textarea"></textarea>
<input type="checkbox" name="checkbox" value="checkbox">
<input type="radio" name="radiobutton" value="radiobutton"> <p>
<label><input type="radio" name="RadioGroup1" value="radio"> Radio</label>
<label><input type="radio" name="RadioGroup1" value="radio"> Radio</label></p>
<select name="select"> </select>
<select name="menu1" onChange="MM_jumpMenu('parent',this,0)"> <option selected>unnamed1</option> </select>
<label><input type="submit" name="Submit" value="Submit"></label>
</form>

Copyright DiscoveryVIP 2002 © Discovery Video Instructional Products
All content and works posted on this website are owned and
copyrighted by Discovery Video Instructional Products,. All rights reserved.
WebMaster DiscoveryVIP