Home > Developer > Web Develop
Html表格First, table label
<table border= "1" align= "center" cellspacing= "1" cellpadding= "bgcolr=" ">
<tr>
<th><th>
<td><td>
</tr>
</table>
1. Tabl Properties
(1) TR: row (table row)
(2) TD: Column (table data)
(3) Th: Table header name, unlike <td> is the text is displayed in bold centered form (table head)
(4) Table
(5) Border frame size
(6) cellspacing cell spacing
(7) CellPadding content and cell border distance
(8) align= "Center" center property
(9) BgColor background color
Width of a width table, can be in% or pixels,
(one) the title of the caption table
(rowspan) How many rows are vertically spanned by the cell, acting on th or TD
(colspan) How many columns (i.e. merged cells) the cell spans, acting on th or TD
Second, <form> form label
1. Form Properties
(1) The address of the action form to be submitted for processing the contents of the form.
(2) method submission, by default, is the Get method is submitted.
(3) Get:1. The committed key-value pair. Put it in the address bar after the URL. 2. The security is relatively poor. 3. There is a limit to the length of submissions.
(4) Post:1. Committed key-value pairs are not in the address bar. 2. Security is relatively high. 3. The length of the submission is theoretically unlimited.
Iii. Forms elements
1. INPUT type Label
(1) text box input (Default text text box type).
(2) Password Password box. (The following properties are common to text and password)
(3) MaxLength (type text or password, which represents the maximum number of characters entered), helps prevent SQL injection attacks
(4) Radio radio button. Property:
? name (the value of name is set to the same value to represent a set of data in order to implement the radio function)
? value (must write, commit to the server key value, the actual development process value is usually number)
? checked (whether the selected state)
? (5) CheckBox check box.
Name (the name must be the same as a set of data that is added to the same value list submitted to the server) value submitted to the server's key value
Checked (whether the selected state)
(6) File file field, uploading files
(7) Submit button for submitting form
(8) Reset reset button, clears the form's input, reverts to the form's default state
(9) button normal buttons
Image button to submit a form with the same effect as submit src (picture path)
(one) hidden hidden fields.
() Value hidden content
Name the key of the form submission
Cols (Set text field width)
() Rows (Set text field height, number of hours)
Three, <select> drop-down box label
1, (1) Name: Key for form submission
(2) Size: Number of options
(3) Multiple: Multiple selection
(4) <option> drop-down each item selected
(5) value (the value of the form submission)
(6) Selected (selected dropdown selected by default)
2. Value: Values of form-submitted items
The use of the Value property differs for different input types:
??? Type= "button", "Reset", "submit"-defines the displayed text on the button
??? Type= "text", "Password", "hidden"-defines the initial value of the input field
??? Type= "checkbox", "Radio", "image"-defines the value associated with the input
框架
First, <frameset> framework
1, use to divide the form, cannot put in the <body>, otherwise did not have the effect.
(1) cols (vertical split page. There are three types of numerical representations: "30%, 30 (or 30px)," "; The number of values represents the divided windows and the values are separated by", ". "30%" indicates that the frame area is 30% of the entire browser page area; "30" indicates that the area is 30 pixels wide and"" means that the area occupies the remaining page space. For example: cols= "25%,200," means the page is divided into three parts, the left part of page 30%, the middle of the horizontal width of 200 pixels, the rest of the page as the right part. ）
(2) Rows horizontal split page. Properties are the same as cols
(3) Frameborder sets whether frame borders are displayed. Set value is only 0, 1;0 means no border, 1 means to show border)
(4) Distance between border frames, typically set to 0
(5) Color of bordercolor border
(6) Framespacing set the blank distance between the frame and the frame
<frameset cols= "40%," > The first frame takes up 40% of the entire browser window, and the remaining space is allocated evenly to the other two frames.
<frameset cols= ",,, *" > browser window is divided into four parts.
Second, <iframe> framework
(1) name sets the frame name. This is a property that must be set
(2) SRC sets the name or path of the page to be displayed for this frame. This is a property that must be set
(3) scrolling sets whether to display scroll bars. Set the value to auto, yes, no
(4) BorderColor sets the border color of the frame
(5) Frameborder sets whether frame borders are displayed. The set value is only 0, 1;0 means no border, and 1 indicates the border to be displayed
(6) Noresize set frame size can be manually adjusted
(7) Marginwidth sets the width between the frame boundary and its contents
(8) Marginhight sets the height between the frame boundary and its contents
(9) Width setting frame widths
Height Setting Frame Height
Real 0 Basic Learning HTML (ii)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
