1,table table
(1) bordercolor border color
(2) cellspacing cell border, cell and border distance
(3) cellpadding the distance between cell and cell
(4) bordercolor border color
(1)-(4) Usage: <table bordercolor= "Greenyellow" border= "1" cellspacing= "1" cellpadding= "0" bordercolor= "Blue" > The border color is green, the border thickness is 1, the cell is 1 from the border, and the distance between the cell and the cell is 0
(5) TR Representative Row, TH\TD Representative column
Usage:<tr> start
<th>) ... </th>> first column (table header)
<td>------... </td> second column
<td>, .... </td> the third column of the.
</tr> End
On behalf of this line there are three columns
(6) Width, Heigh represents the column width and row height, align represents the horizontal alignment, there are three kinds: left and right, center Center, valign represents vertical alignment, there are three kinds: top, bottom, middle
Usage: <th align= "center" width= "all" height= "40" > Gender </th> form in the Gender box, center aligned, and height is up to a level of up to.
<th valign= "top" width = "40" > Gender </th> table in the Gender box, align up, width.
(7) bgcolor background color, usage and Web page background
Usage: <table bgcolor= "Greenyellow" > Background color is green
(8) rowspan merge with colspan around
Usage: <th width= "" rowspan= "4" ></th> up and down merge four columns
<th colspan= "2" ></th> right merge two lines
2. Form element
(1) which page the action is submitted to can be followed by a URL such as Baidu, the method refers to the way data is submitted in two ways: post is implicit and get explicit.
Target refers to the way the page opens in one of two ways for-blank to open on a new window page, and one for-self to open this page on this page.
Usage: <form action= "http://www.baidu.com" method= "post" target= "_blank" >
Post-run Screen:
(2) input Enter the value of the value textbox, the name of the name text box, where the form table only son value is transmitted as name=value in the past input input, type has text ( account number ) ,password (password),hidden (hidden field),
usage: <input type= "text" value= ""/>
Account: <input type= "text" name= "" id= "" value= "" placeholder= "Please enter user name"/><br/> placeholder= "Please enter user name" function as
Password::<input type= "password" name= "" id= "" value= ""/>
Hidden fields are: <input type= "hidden" name= "" id= "" value= "self-evaluation"/>
The display effect is:
Text field Display effect: <textarea name= "hid" rows= "cols=" ></textarea>
where rows is the number of rows in the visible area of the text field,cols is the number of horizontal characters in the visible area, as described in the text field has a line , 10 per line of characters
Hide field Display effect:
(3) Button class
Buttons are divided into normal buttons, picture buttons, submit buttons, reset buttons
Normal button:<input type= "button" name= "321" id= "AAA" value= "normal button 2"/><-- normal button Type=button , the data in value is the content displayed on the button , the name of the button- -
Submit button <input type= "Submit" id= "" value= "Submit"/><br/><-- normal button type=submit , value The data inside is the content displayed on the button, name as the name of the button -
Picture button:<input type= "image" Src= "20180424152455857686113.jpg" height= "width="/><-- normal button Type=button,the data inside thevalue is the content displayed on the button , the name of the button- -
Reset button:<input type= "reset" name= "234" id= "" value= "reset"/>
Its:
<! DOCTYPE html>
Resume
The code is:
<! DOCTYPE html>:
HTML introductory knowledge and resume HTML