HTML element Summary

HTML elements

<p></p>: Paragraph marks, line wrap, often used for text content

Example:<p> This is a paragraph </p>

650) this.width=650; "src="/e/u261/themes/default/images/spacer.gif "style=" Background:url ("/e/u261/lang/zh-cn/ Images/localimage.png ") no-repeat center;border:1px solid #ddd;" Width= "142" alt= "Spacer.gif"/>

Example:

650) this.width=650; "src="/e/u261/themes/default/images/spacer.gif "style=" Background:url ("/e/u261/lang/zh-cn/ Images/localimage.png ") no-repeat center;border:1px solid #ddd;" alt= "Spacer.gif"/>

<br/>: Line Break markers

<nobr/>: Force no Line break

<a></a>: link, href attribute points to link address, inline element, does not wrap line

Example: <a href= "http://www.baidu.com" > Baidu </a>

<a href= "http://www.google.com" >google</a>

650) this.width=650; "src="/e/u261/themes/default/images/spacer.gif "style=" Background:url ("/e/u261/lang/zh-cn/ Images/localimage.png ") no-repeat center;border:1px solid #ddd;" alt= "Spacer.gif"/>

: Image element, src points to image address, inline element, does not wrap automatically

Example:

650) this.width=650; "src="/e/u261/themes/default/images/spacer.gif "style=" Background:url ("/e/u261/lang/zh-cn/ Images/localimage.png ") no-repeat center;border:1px solid #ddd;" Width= "176" alt= "Spacer.gif"/>

<i></i>: italic marker, inline element

<b></b>: Bold marker, inline element

<u></u>: underline mark, inline element

<s></s>: strikethrough marker, inline element

: subscript tag, inline element

: superscript mark, inline element

Example:<i> This is I mark </i>

<b> This is the B mark </b>

<s> This is the S Mark </s>

<u> this is the U Mark </u>

_{this is sub}.

^{this is pub}.

650) this.width=650; "src="/e/u261/themes/default/images/spacer.gif "style=" Background:url ("/e/u261/lang/zh-cn/ Images/localimage.png ") no-repeat center;border:1px solid #ddd;" width= "383" alt= "Spacer.gif"/>

<div></div>: partition tag, block element, Wrap automatically

<span></span>: partition tag, inline element

Form:

<table>

<tr>

<td></td>

</tr>

</table>

<tr>: Each row

<td>: first column

Property:

border: Show Table border

cellspacing: Margin of cell

CellPadding: The inner margin of a cell

Align: horizontal alignment of elements in a table

valign: The elements in the table are simply aligned

RowSpan: Merging rows

colspan: Merging columns

Cases:

<table cellspacing= "1px" cellpadding= "1px" border= "1px" >

<tr>

<td> first Row first column </td>

<td> first row, second column </td>

</tr>

<tr>

<td> second row first column </td>

<td> second row, second column </td>

</tr>

</table>

650) this.width=650; "src="/e/u261/themes/default/images/spacer.gif "style=" Background:url ("/e/u261/lang/zh-cn/ Images/localimage.png ") no-repeat center;border:1px solid #ddd;" alt= "Spacer.gif"/>

List:

<ol></ol>: Ordered list

<ul></ul>: Unordered list

<li></li>: List of neutron elements

Cases:

<ol>

<li> Sequential Table </li>

<li> Sequential Table </li>

<li> Sequential Table </li>

</ol>

<ul>

<li> unordered list </li>

<li> unordered list </li>

<li> unordered list </li>

</ul>

650) this.width=650; "src="/e/u261/themes/default/images/spacer.gif "style=" Background:url ("/e/u261/lang/zh-cn/ Images/localimage.png ") no-repeat center;border:1px solid #ddd;" Width= "142" alt= "Spacer.gif"/>

Form

<form></form>: Form elements

<input type= "" value= ""/>: Input Box

Property: Type= "Text/password/submit/button/radio/checkbox"

Text: Input Box

Password: password input box, text is ciphertext

Submit: Commit button

Button: Normal buttons

Radio: Radio Box

CheckBox: check box

Checked: Default Check

Value: text box hint, default value

<textarea></textarea>: Multiline Text field

Property: cols: Specifies the number of columns in a text field

Rows: Specify the number of rows for a file field

Cases:

<form action= "" >

User name: <input type= "text" value= "Please enter user name"/><br/>

Password: <input type= "password" value= "Please enter password"/><br/>

Gender: <input type= "Radio" name= "Sex" value= "man" checked/> Male

<input type= "Radio" name= "Sex" value= "woman"/> Female

<br/>

Hobbies: <input type= "checkbox" name= "Interest" value= "1" checked/> blue Ball

<input type= "checkbox" name= "Interest" value= "2"/> Movie

<input type= "checkbox" name= "Interest" value= "3"/> Music

<input type= "checkbox" name= "Interest" value= "4"/> Walk

Profile: <br/><textarea cols= "rows=" > Please enter your personal information <textarea><br/>

From: <select>

<option> Please select </option>

<option> Beijing </option>

<option> Shanghai </option>

</select>

<br/>

<input type= "Submit" value= "Submission"/>

</form>

650) this.width=650; "src="/e/u261/themes/default/images/spacer.gif "style=" Background:url ("/e/u261/lang/zh-cn/ Images/localimage.png ") no-repeat center;border:1px solid #ddd;" alt= "Spacer.gif"/>

To group controls

<fieldset>: Grouping controls

<LEGEND>: Specifying grouping element headings

Cases:

<fieldset>

<legend> Address Information </legend>

Address: <input type= "Text"/><br/>

Zip Code: <input type= "text"/>

</fieldset>

650) this.width=650; "src="/e/u261/themes/default/images/spacer.gif "style=" Background:url ("/e/u261/lang/zh-cn/ Images/localimage.png ") no-repeat center;border:1px solid #ddd;" alt= "Spacer.gif"/>

<!--the middle part is commented---comment symbol, and the middle part does not appear on the page

Special characters:

&nbsp; : Spaces

&amp; :&

&lt; :<

&gt; :>

This article is from the "Explore Science" blog, be sure to keep this source http://xiaoxin901008.blog.51cto.com/10300691/1934974

HTML element Summary