Nottingham Website Design - Learn HTML
Learn HTML - Forms and Frames
To Place a "form" on your website which can be used to collect data (name, telephone number, comments etc) The first tag we need is the Html Form Tag: <FORM> and </FORM>
This tag is used to define a data input form, you then then to tell the form what it is to do with the data, by using to following main attributes: ACTION: This specifies the URL to which the form contents is to be sent. METHOD: This attribute specifies what should be done with the form, and can be either GET, which sends the information to the URL specified by the ACTION attribute, or POST, which enables an HTTP upload to be performed.
A typical example might be:
<'FORM ACTION="form_script.php" METHOD="post">
The contents of the form, when presented to the URL, consist of name and value pairs. The names are values given to the NAME attributes of the various interactive elements in the form. The <FORM> tag typically encloses a number of <INPUT> tags, which supports text boxes, password boxes, radio buttons and check boxes. See also the <SELECT> tag, which inserts a drop down menu in a form.
Html Frame Tag: <FRAME>
Frames allow a single web browser to be divided into several different areas, each of which can display a different web page. Frames might typically be used to display a static table of contents in one frame while the user is allowed to scroll through the main body of a document in another frame. The <FRAME> tag supports the following attributes:
SRC: Specifies the URL of the HTML document to be shown in the frame.
SCROLLING: This attribute indicates if the frame is to have a scroll bar or not.
MARGINHEIGHT: Optionally specifies the height of the frame in pixels.
MARGINWIDTH: Optionally specifies the width of the frame in pixels.
The following is a typical example of the frame tag:
<FRAME SRC="mywebsite.com/thisframe.htm" SCROLLING="yes">
Html Frame Set-up Tag: <FRAMESET> and </FRAMESET>
A page that produces a frame layout does not have a <BODY>; rather it has a <FRAMESET> tag, which has no other purpose than to specify frames. Using Frames, you will also need to use the html commands to tell the browser which frame to open the new page in when a link is clicked. These frames are normally named : row2col1, row1col2 and row2col2 etc. Each of these indicate each frame presented on your page. When creating your links, instead of using the TARGET_"blank" or TARGET_"self" tags you would make the target of the new page as "row2col2" which will tell the browser to open the new page in the main body of the page.
The <FRAME> tag must be used in conjunction with the <FRAMESET> tag, which is a term used to group all of your frames together and to tell the browser that frames are in use in the html.
The following HTML code creates two equal, vertical frames side-by-side:
<HTML>
<HEAD>
<TITLE> An example of the use of frames </TITLE>
</HEAD>
<FRAMESET COLS ="50%, 50%">
<FRAME SRC = "frame1.html">
<FRAME SRC = "frame2.html">
</HTML>
Next >> |