HTML introductory knowledge and resume HTML

Source: Internet
Author: User
Tags border color

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.