1. Content list elements
There are sequence tables, unordered tables, custom lists
Unordered list <ul><li></li></ul>
There are sequence list <ol><li</li>></ol> can add start= "" in Ol inside add
Custom list <dl><dt><dd></dd></dt></dl>
List nested list you can also add a list
Content formatting
<pre></pre> can make the format that you want to show
<p></p> dividing lines between paragraphs and paragraphs
<blockquote></blockquote> references to other places
<div></div> no special semantics to do layout typesetting
2. Content nesting elements
Insert Picture
alt if the picture does not exist will display ALT content
Change picture size pixels
<a herf= "" ></a>
Insert a page label
<iframe src= "" ></iframe>
<iframe src= "" Width= "" height= "" ></iframe>
<iframe src= "" Width= "" height= "" frameborder= "0" allowfullscreen= "" ></iframe>
3. Insert a resource address
<embed src= "" Width= "" height= "" type= "plug-in type such as Flash" ></embed>
4. Insert Picture map Area
<map name= "Chinamap" ></map>
<area shape= "Circle" coords= "0,0,222" herf= "" ></area>
Shape=rect (X,y,x,y)
Polygon Polygon (X,y,x,y,x ...)
5. Insert Video
Video packaging format is also a video container
AVI: Available MPEG-2, DIVX, XVID, WMV3, WMV4, WMV9, H .
WMV: Available WMV3, WMV4, WMV9
rm/ RMVB: Available RV40, RV50, RV60, RM8, RM9, RM10
MOV: Usable MPEG-2, mpeg4-asp (XVID), H.
MKV: All video encoding schemes available
Video Codec
MPEG-2
MPEG-4 Simple Profile
H.264/avc
Avs
VC-1
Video elements
<video> src= "" Width= "" height= "" ></video>
contorls= "Contorls" Loading controls
Autoplay= "true" autoplay
Loop= "true" to play repeatedly
Muted= "" Video is in a mute state
Poster= "" Video playback insert a picture
Preload pre-load video after setting
Auto Current page loads and loads into Zhenggeshipin
Meta-loading meta data
None Do not load video
Load loads all content beforehand
<video controls= "Controls" >
<source src= "" >
<source src= "" >
<source src= "" >
</video>
You can use a few more formats to prevent formatting from parsing errors
Audio is almost like video.
But the label is <audio></audio>
Table elements
<table style= "width:" style= "Backgroup:" > Column operation can also achieve effects </table>
Border= "" is not recommended for late use of CSS
<table>
<tr>
<td>
<td>
<tr>
<tr>
<td>
<td>
<tr>
<tr>
<td>
<td>
<tr>
</table>
<cosplan> Merge Horizontal cells
<TD cosplan= "Several cell fills" > content </td>
<rowspan>
Standardize cells
<caption> content </caption> Join title
<thead> content </thead> Header no matter where you put it, it's the first line.
<tbody></tbody> Specify Data section
<tfoot></tfoot> on the last line
Column operations can also be
<col group>
<col style= "Backgroup:">
</col group>
Comments and metadata and global properties
<!---->
Meta Data unprepared note
Global Properties (Common)
one or more class names (referencing classes in a style sheet) for a class-defined element
ID Specifies the unique ID of the element.
Style Specifies the inline CSS style of the element.
Title Specifies additional information about the element.
Form elements
<from></from>
<from name= "" ></from> name
<from name= "" method= "Get,post" ></from> submission method
<from name= "" method= "get,post" target = "blank" ></from> new Open Web page
<from name= "" method= "get,post" target = "blank" enctype= "" ></from>
The encoding method is the default.
<from name= "" method= "Get,post" action= "" ></from>
Submit Address <from>
<input type= "test" name= "username" value= "" >
<input type= "test" name= "Usepassword" value= "" >
<input type= "sumbit" name= "Login" value= "Dossumbit" >
</from>
<input></input> tags
Name defines the moniker tag
Value defines the initial value of the control
The maximum number of characters that a size space can display
MaxLength maximum characters allowed for user input
Type
1. Submit, Reset, Normal button
Sumbit reset button
2. Normal text box, password box
Test password
3. Radio Box and check box
Radio checkbox
4. Hide Box
Hidden
<textarea></textarea> Multi-line text box
Rows row cols Column
Select Menu Drop-down
Multlple progress bar
Fieldest, legend form grouping, combination
This article from "Big Plum" blog, declined reprint!
HTML Basics (Content list elements, content nesting elements .....) ) End