html-Common Tags

Part of the content is transferred from: https://www.cnblogs.com/liwenzhou/p/7988087.html

Common tags in ★head

<title></title> Define page Titles <style></style> define internal style sheets <script></script> Define JS code or introduce external JS file <link/> introduce external style sheet file <meta/> define page original information

★body Common label ◇ Basic label

<b> Bold </b><i> Italic </i><u> underline </u><s> Delete </s><p> paragraph tags </p> 
◇ Special Characters
&nbsp;    Spaces &gt;    >&lt;    <&amp;    &&yen;    ￥&copy;    Copyright &reg;    Registered
◇DIV tags and span labels
div tag: Another line starts to render "block-level labels"
Span Label: Do not require another line to render "inline label"
Block-level Tags: start rendering from another line
Inline label: No need to start another line
Tag nesting:
Block-level elements "can" nest inline elements and partial block-level elements
inline element "cannot" nest block-level elements
Note: P tags cannot be block-level labels or contain P-tags
◇img Label
<img src=" path to pictures " >
alt=" The picture is not loaded successfully prompt "  title=" mouse hover information "  width =" wide " height=" High (two properties with a width of one will be automatically equal to scale)"
img Programmable Parameters◇ Hyperlink Label
<a href=" hyperlinks "
target="_blank"         on the New tab to open the destination page target="_self"        Open the target page "default" on your own tab    
A can pass parameters
Absolute URL-point to another site (such as href="http://www.jd.com) relative URL-refers to the exact path in the current site (href="  index.htm") Anchor URL     -point to the anchor in the page (href="#top")    
href attribute◇ number without serial number
<ul type="disc">  <li> First </li>  <li> second </li>< /ul>
Disc    (solid dot, default) circle    (Hollow Circle) Square (    solid square) None    (no style)
Type PropertyWith serial number
<ol type="1" start="2">  <li> First </li>  <li> second </li></ol>
1      number list, default a     capital letter a     lowercase letter Ⅰ    uppercase Roman Ⅰ    lowercase roman
Type PropertyTitle Number
<dl>  <dt> title 1</dt>  <dd> content 1</dd>  <dt> title 2</dt>  <dd > Content 1</dd>  <dd> content 2</dd></dl>    
◇ Form
<table>  <thead>          header  <tr>    <th> serial number </th>    <th> name </th>    <th> hobby </th>  </tr>  </thead>  <tbody>        #  body  <tr>    <td>1</td>    <td>Egon</td>    <td> Niang </td>  </tr>  <tr>    <td>2</td>    <td>yuan </td>    <td> Day </td>  </tr>  </tbody></table>
Grammar
Border:         table border. cellpadding: padding     cellspacing: Margin     . Width:             percentage of pixels. (preferably with CSS to set the length width) rowspan:         How many rows the cell spans vertically colspan:         How many columns the cells span (that is, merged cells)
table can pass parameters◇form Label
Forms are used to transfer data to the server, enabling users to interact with the Web server

Forms can contain:
1,input series labels, such as text fields, checkboxes, radio boxes, submit buttons, and so on.
2,textarea, select, FieldSet, and label labels
<form> </form>
Action            specifies where to submit the form's address (URL) (Submit page) AutoComplete    Specifies that the browser should automatically complete the form (default: ON) enctype            specifies the encoding of the submitted data (default: URL- Encoded) method specifies the name of the form to             be used when the form is submitted (default    : GET)--and post GetName            Specifies the names of the forms (for DOM Use: document.forms.name) novalidate        Specifies that the browser does not validate the form accept-charset    Specifies the character set used in the submitted form (default: page character set) target            Specifies the destination of the address in the Action property (default: _self)
form can pass parameters◇input Label
<input type=" property name ">
name: "Key" when the form is submitted, note the difference between the ID and the value: values for the corresponding item when the form is submitted type="Button","Reset","Submit"when the text is displayed on the button for the year content type="text","Password","Hidden"is the initial value of the input box, type="checkbox","Radio","file", the values associated with the input Checked:radio and checkbox are selected by default Readonly:text and P Assword set read-only disabled: disabled
input can pass parameters
The type element will vary depending on the type attribute, and varies for various morphological type property value representations of the corresponding code text line entry<input Type=text"/>Password Password input box <input type="Password"/>Date Input Box<input type="Date"/>CheckBox check box<input type="checkbox"Checked="checked"/>Radio Radio Box<input type="Radio"/>Submit Button<input type="Submit"Value="Submit"/>Reset Reset button<input type="Reset"Value=" Reset"/>Button Normal buttons<input type="Button"Value="Normal button"/>Hidden hidden input Box<input type="Hidden"/>file text selection box<input type="file"/>
Type Property◇select Label
<select name=" City"Id=" City"> <option value="1"> Beijing </option> <option selected="selected"Value="2"> Shanghai </option> <option value="3"> guangzhou </option> <option value="4"> Shenzhen </option></select>
Multiple: Boolean property, set to multiple selection, otherwise the default radio
Select to pass parameters
Disabled: Disable selected: Default Check this key value: Defines the option value at commit
option to pass parameters◇textarea Label
<textarea name= "Memo" id="memo " cols="30  " rows=" >   Default content </textarea>
Name: Rows: Number of lines cols: Number of columns disabled: disabled    
TEXTAREA programmable Parameters
html-Common Tags