HTML5 notes for the second day

1, table table

a). The complete structure of the table



--There can only be one thead

--row

--column





--line

< td>Ordinary cells use td--column







--Allow multiple tbody

--Row

--column






--There can only be one tfoot

--Row

Important cells use th	Important cells use th
Ordinary cells use td
Ordinary cells Use td	ordinary cells use td
For ordinary cells, use td	Ordinary cells use td

b).Simple structure of the table

border--border cellspacing--spacing between cells cellpadding--distance from content to border

< tr>







< ;tr>









table attributes: border--border

cellspacing--spacing between cells
cellpadding--distance from content to border

tr Attributes: height--height

align--horizontal alignment (left/center/right)

valign--vertical alignment (top/middle/bottom)

bgcolor background

td attribute: height--height

align--horizontal alignment (left/center/right)

valign--vertical alignment (top/middle/bottom)

bgcolor background

width--width

c).Merge cells (td)

Horizontal merge: colspan="2"

Vertical merge: rowspan="2"

Nesting of tables, placed in td

Advanced application: table layout, nesting

2. Form

The role is to collect data

Tag

Username:

Password:

--action a program to process the form information (such as java PHP. NET)

Process the information input by the client through a program (backend)

Address of the processing program

--method There are two submission methods: get; Unsafe, the amount of data is limited, transfer data through the address

post; safe, the amount of data is unlimited,

--name is very important

--submit button

--Any information in the value value form is the value

cheked The default option

--hidden does not need to be displayed on the page.

Hidden field

Buttons: submit, button, reset, image,

Tables and form nesting If so, write the form tag first.



input type

text(text box), password(password box) ), radio (radio button), checkbox (multi-select box),, file (file field), hidden (hidden field) button (normal button), reset (reset button), submit (submit button), image (image Field button)

Drop-down box:

< ;/option>



Text area:

cols rows rows column readonly readonly

3, classification of the expression form of HTML4 tags

Block-level elements (large tags) block

div table ul ol li dl dt dd h1-h6 p

Features: 1. Display on different lines 2. Block-level and inline elements can be nested 3. Width and height can be set

Inline elements (small labels) inline

span strong b i em a

Features: 1. Display 2 on the same line, block-level elements 3 cannot be nested, width and height cannot be set

Inline block-level elements inline-block

img input select textarea

Features: 1. Display 2 on the same line, you can set the width and height

No cross-nesting

The above is the content of HTML5 notes for the second day, please pay attention to more related content PHP Chinese website (www.php.cn)!