HTML Photo hotspots, page zoning, stitching, forms

Photo hotspots:

plan out an area of the image, you can make hyperlinks, directly click on the image area to complete the jump effect.

Page Zoning:

in a Web page, plan a region to show the content of another page.

Splicing of Web pages:

in a Web page, a number of page windows are planned to be displayed as table stitching.

Form:

<form id= "" Name= "" method= "Post/get" action= " responsible for processing the server " >

ID is not repeatable,name is repeatable,get commits have a length limit, and the encoded content is visible in the address bar .

Post submissions have no length limit and the content is not visible after encoding.

</form>

1. text input

text box <input type= "txt" name= "" id= "" value= ""/>

Password box <input type= "password" name= "" id= "" value= ""/>

text field <textarea name= "" id= "" cols= "" ( number of characters ) rows= "" ( a few lines high ) ></textarea >

hidden fields <input type= "hidden" name= "" id= "" value= ""/>

2. button

Submit button <input type= "Submit" Name= "" id= "" disabled= "Disabled" value= ""/> click to go to form The address of the submission server within

reset button <input type= "reset" name= "" id= "" disabled= "Disabled" value= ""/>

Normal button <input type= "button" name= "" id= "" disabled= "Disabled" value= ""/>

Picture button <input type= "image" Name= "" id= "" disabled= "Disabled" src= " picture address "/>

Disabled disable the button

Enable to make buttons available

3. Select Input

radio button Group <input type= "Radio" name= "" checked= "Checked" value= ""/>

The value of name is used to group, value is not visible, and is submitted to the program,checked sets the default option.

check box group <input type= "checkbox" Name= "checked=" checked "value=" "/>

File Upload <input type= "file" name= "id=" "/>

<lable for= "" ></lable>

The lable label defines the callout for the input element.

The lable element does not present any special effects to the user, but he improves usability for the user of the mouse. This control is triggered if you click on the text within the lable element.

This means that when the user chooses the tag, the browser will Shifts focus to the label-related form controls.

the for property of the lable tag should be the same as the ID property of the related element .

4. Drop- down list box

<select name= "" id= "" size= "" multiple= "multiple" >

--size is 1 when it is a menu;>1 is a list. multiple is a multi-select.

<option value= " value " > content 1</option>

<option value= " value " selected= "selected" > content 2</option>

--selected, set as default

<option value= " value " > content 3</option>

</select>

5. Tags

<label></label>

field Set (a bunch of labels)

<fieldset></fieldset>

Examples of use of statements in forms:

The above statement renders the following effect:

A quick way to make a webpage:

Use the slice tool in Photoshop plans the location where you want to set the link and stores it as a web-ready HTML format.

with DREAMWEAVER opens, opens the design page, selects the location where the slices are ready, and enters the URL of the hyperlink in the properties.

HTML Photo hotspots, page zoning, stitching, forms