First entry web knowledge point (i)

HTML Tags:

.. /means the URL address information is best not to exceed level two images represents the images folder XXX in level two. PNG indicates that a PNG image in the Images folder XXX indicates that the text content displayed when the picture is not displayed "XXX"
<pre></pre>
Pre-text Format Web pages display content styles as they are written in code
<a href= "..." ></a> a label
...... Link Address URL
Anchor Point (go back to the top to the corresponding place)
① creating anchor points <a href= "name=" Zhuang "></a>
② points to anchor <a href= "#zhuang" > back to specified points </a> #只表示分隔符
<div></div> Box Model
<div style= "border:1px solid red; height:50px "> a text </div>
A paragraph of text around a border border 1px red height 50px
List
① unordered list <ul><li></li></ul> list There's a small dot in front of it
② There are sequence lists <ol><li></li></ol> lists preceded by ordinal numbers
③ definition List <dl><<dt><dd></dd></dt></dl>
Tips:li*5→tab can quickly generate 5 <li></li>
<iframe src= "" frameborder= "0" ></iframe> frame
The inline frame is the framework label and a tag that are implemented with the framework naming and a tag
Tips: The symbols in the program are the symbols in the English state, and if the symbols entered in the Chinese state are not recognized. Like a semicolon.
<table></table> Forms
Tables are made up of rows <tr></tr> and cell <td></td>
<caption></caption> Header <th></th> Header (with bold effect)
Merge: → line merge <td rowspan= "2" ></td>
→ Column merge <td colspan= "2" ></td>
Align is for the entire table adjustable table left, middle, and right
<table border= "1" align= "Left/center/right" style= "Border-collapse:collapse" ></table>
border= "1" Border display align= "left/center/right" table left/middle/right style= "Border-collapse:collapse" is the inserted CSS representation table double wireframe becomes single-line box
<table border= "1" align= "center" cellpadding= "cellspacing=" ></table>
cellpadding= "15" indicates that the table padding is cellspacing= "25" to indicate that the outer margin of the table is 25

The

Form submission data is used to interact with
<form action= "(Address of the form handler)" method= "(submission method) >......</form>
form submission in only two ways:
①get: User information is displayed in the Address bar security Low speed
②post: User information is not displayed in the Address bar safe high speed
input type type code
①html:text text Password password button buttons submit Push button with submit reset reset Radio Radio checkbox multi-select image picture hidden hide color
②html5:file file date datetime time Email number search Search URL address
Button type
①input type=submit self-submit function
②input Type=button value= ""
③ label button
Form property name
AutoComplete Auto-complete
Autofocus autofocus
ReadOnly read-only
Disabled input, control unavailable
ReadOnly and disabled The only difference is that the latter has gray shading
textarea text field
<textarea name= "" id= "" cols= "" rows= "" ><TEXTAREA>
Naming difference:
Name can be the same as background interaction with
ID name unique, different JS part
CLA The SS name category can be the same as HTML, CSS in the foreground page section
drop-down menu
<select name= "" id= "" value= ""
<option "" ">......</option> options
</select>
Label expands with input, wraps
<input type= "Radio" id= "Man" name= "Sex" ><label for= "man" > male </label>
Page display selection is click on the "male" can also be selected

First-entry web knowledge point (i)