Embed Size (px)
Citation preview
Table Row <TR>
Table Data ( Header & Data) <TD>
Data
Cell Padding
Cell Padding
</table>
<table>TABLE
<html><head><meta http-equiv="Content-Language" content="en-us"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Table</title></head><body><table border="4" cellpadding="0" cellspacing="0" bordercolor="#FFCC66" width="100%" bordercolorlight="#FFCC66" bordercolordark="#000000"> <tr> <td width="50%" align="center" bgcolor="#FFFFCC">Hello</td> <td width="50%" bgcolor="#CCFFCC"> </td> </tr> <tr> <td width="50%" bgcolor="#CCCCFF"> </td> <td width="50%" bgcolor="#FFCCCC"> </td> </tr></table></body></html>
* RADIO BUTTON
<INPUT type="radio">
Enables the user to select multiple options.
<FORM METHOD=post ACTION="/cgi-bin/example.cgi"><INPUT type="RADIO" name="selection1"> Selection 1<INPUT type="RADIO" name="selection2"> Selection 2<INPUT type="RADIO" name="selection3"> Selection 3<INPUT type="Submit" value="Submit"></FORM>
Radio Button Attributes:
TYPE - Radio CHECKED - Specifies a default selection. NAME - Name of the variable to be processed by the form processing script.VALUE - The value of the selected radio button.
FORM
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">Enter Your Comments:<BR><TEXTAREA wrap="virtual" name="Comments" rows=3 cols=20 MAXLENGTH=100></TEXTAREA><BR><INPUT type="Submit" VALUE="Submit"><INPUT type="Reset" VALUE="Clear"></FORM>
<FORM METHOD=post ACTION="/cgi-bin/example.cgi"><CENTER>Select an option:<SELECT><OPTION >option 1<OPTION SELECTED>option 2<OPTION>option 3<OPTION>option 4<OPTION>option 5<OPTION>option 6</SELECT><BR><INPUT type="Submit" VALUE="Submit"></CENTER></FORM>
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">Select an option:<BR><INPUT type="radio" name="option"> Option 1<INPUT type="radio" name="option" CHECKED> Option 2<INPUT type="radio" name="option"> Option 3<BR><BR>Select an option:<BR><INPUT type="checkbox" name="selection"> Selection 1<INPUT type="checkbox" name="selection" CHECKED> Selection 2<INPUT type="checkbox" name="selection"> Selection 3<INPUT type="Submit" VALUE="Submit"></FORM>
<FORM METHOD=post ACTION="/cgi-bin/example.cgi"><CENTER>Select an option:<SELECT><OPTION>option 1<OPTION SELECTED>option 2<OPTION>option 3<OPTION>option 4<OPTION>option 5<OPTION>option 6</SELECT><BR></CENTER></FORM>
<form><input type="button" value="Email Me" onClick="location.href='mailto:[email protected]'"></form>
<form method="post"><input type="button" value="Reload Window"onclick="window.location.reload()"></form>
<form method="post"><input type="button" value="Close Window" onclick="window.close()"></form>
<form><input type="button" value="Open Window"onclick="window.open('yourfile.htm')"></form>
<INPUT type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30">
<FORM METHOD=post ACTION="/cgi-bin/example.cgi"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2"><TR><TD BGCOLOR="#8463FF"><INPUT type="text" size="10" MAXLENGTH="30"></TD><TD BGCOLOR="#8463FF" VALIGN="Middle"> <INPUT type=image name="search" src="graphics/searchgo.gif" border="0"></TD></TR> </TABLE></FORM>
FRAME<html><head><title>Creating Frames For Your Web Pages.</title></head>
<FRAMESET COLS="100%" ROWS="60,*" border=no frameborder=0 framespacing=0> <FRAME NAME="upper" SRC="frameup_frame.htm" SCROLLING="NO" NORESIZE> <FRAMESET COLS="160,*" border=no frameborder=0 framespacing=0> <FRAME NAME="left" SRC="framelf.html" SCROLLING="AUTO" NORESIZE> <FRAME NAME="main" SRC="right_frame.html" SCROLLING="AUTO" NORESIZE> </FRAMESET></FRAMESET>
<noframes><body bgcolor="#FFFFFF" text="#000000"><p>This web page uses frames, but your browser doesn't support them.</p></body> </noframes></html>
•_top: the document will be opened in the full browser windows. Use _top to open the linked document in full browser windows.
•_self: the document will be opened in the same frame. Example, if I specify "HOME" on the left frame as "_self", the home page will appear in the left frame. (pretty ugly, huh?)
•_parent: the document will be opened in the current windows' parent. Example, if there is a link in this right frame and it cause nested frame. Within the nested frame, I specify the link as "_parent". When you click that link it will appear back into this right frame and nested frame will disappear. NOTE: If there is no parent exists, it will acts like "_self"
•_blank: the document will be opened in the new browser windows. Browser will launch a new windows while your previous page, which is the frame page, is still open.
How to specify the frame target?
