HTML Common Tags

----------------------------------Introduction to HTML------------------------------------------------

The HTML language is made up of labels, and the data is encapsulated in tags, because the data in the package can be manipulated by changing the value of the attribute in the tag.

In this scope you can define two parts, part of the head, and one part of the body.


<body></body>

Tag features: For data encapsulation, there are start tags and end tags, but there are some labels only a single function,

So there is no need to end the tag, such a label in the internal end, such as <br/>

Label format:< Tag Name Property name = "attribute value" > data </Tag name >
< Tag Name Property name = "attribute value"/>
---------------------------------Common Tags--------------------------------------------------
1, Font:<font>
<font size= "7" color= "#ffff00" > Data </font>
Special section: If you want to display some special symbols on the page, you need to escape.
<:&lt; >:&gt; &:&amp; Space:&nbsp;
2, List label <dl></dl>
Top Item:<dt>
Lower Project:<dd>
Bullet Labels:<ul> unsigned,<ol> are signed, and the list items in both labels are encapsulated with <li> tags.
3, Image label:

4, table label:<table>
The table is made up of rows, which consist of cells, and the table has a tbody label by default.
Title Label:<caption>
<table border= "1" bordercolor= "Red" width= "60%" cellpadding= "ten" cellspacing= "0" >
<tr>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
Tables are the most commonly used labels for formatting data.
5, Hyperlink:<a>
I:<a href= "http://www.sina.com.cn" target= "_blank" > Sina website </a>
When clicked, the resolver corresponding to the engine is started to find the specified host,
First find the Hosts file of localhost, if not find the corresponding IP address of the host, go to the public DNS server to find the corresponding IP address.
Ii:<a href= "Mailto:[email protected]?subject=haha&[email protected" > Contact us </a>
When you click the hyperlink, the resolver associated with the message appears, and the default is Outlook.
III: Positioning markers
<a name= "Top" > Top position </a>
<a href= "#top" > Jump to top position </a>
6, form label:<form> the label can interact with the server.
Elements in form Labels:
&LT;INPUT&GT: The label differs depending on the value of the Type property, and the corresponding component is not the same.
Type property:
1,text: text box, input text is visible
2,password: Password box, text entered is not visible
3,radio: Radio box, note to be selected, you must define a property name for the radio box, and when there are multiple radio boxes, only one is selected, the name value of the radio boxes must be the same.
4,checkbox: check box when multiple data is selected at the same time.
5,file: A component that can be used for file selection, usually for attachments, or for file uploads.
6,hidden: Hides the component, which is no longer displayed on the page, but its defined name and value can be submitted to the server.
7,button: Button component, customizing a button by default is no effect, you can register the event and add a custom effect.
8,reset: Resets the button to restore the effect of the action in the component to its original state.
9,submit: Submit button to submit the data added to the component to the specified destination.
10,image: Image components, in order to avoid the ugly submission button, you can use the SRC attribute of the image to connect a good-looking button picture to complete the submission effect.
Drop-down menu:<select>
Each drop-down menu is encapsulated by option.
<select>
<option></option>
</select>
Text Area:<textarea>
Multiple lines of input can be displayed.
The form component typically needs to define the name and Value property, because the data is sent to the server,
Only the value of the name is known by the server to obtain the data that is submitted separately.

Common properties in form tags:
Action: Specify the destination of the data submission, method: How to submit, two common values get and Post,get are the default.
The difference between get and post:
Get: The submitted data will be displayed on the address bar.
The volume of the submitted data is limited by the address bar.
Not secure for sensitive information.
The commit information is encapsulated before the request line, which is the HTTP message header.
Post: Contrary to get

Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.

HTML Common Tags