Wu Yuxiong - born nature study notes HTML: HTML Quick List

The basic HTML document
 <! DOCTYPE HTML > 
< HTML > 
< head > 
< title > Document Title </ title > 
</ head > 
< body > 
visible text ... 
</ body > 
</ HTML >

Basic tab (Basic Tags)
 < h1 > the biggest title </ h1 > 
< h2 > ... </ H2 > 
< h3 > ... </ H3 > 
< h4 > ... </ H4 > 
< H5 > . .. </ H5 > 
< H6 > smallest title </ H6 > 
 
< P > this is a paragraph. </ P > 
< br >HR > (horizontal line)
 <! - This is a comment ->

Text formatting (Formatting)
 < B > bold text </ B > 
< code > computer code </ code > 
< EM > emphasized text </ EM > 
< I > italic text </ I > 
< kbd > keyboard </ kbd >  
< pre > preformatted text </ pre > 
< small > smaller text </ small > 
< strong >Important text </strong > 
 
< abbr > (abbreviation)
 < address > (contact information)
 < BDO > (text direction)
 < blockquote > (partially quoted from another source)
 < auf cite > (working name)
 < del > (deleted text)
 < INS > (inserted text)
 < Sub > (subscript text)
 < SUP > (superscript text)

Links (Links) 
Common Link: < A the href = "http://www.example.com/" > link text </ A > 
Image Link: < A the href = "http://www.example.com/" > < IMG the src = "the URL" Alt = "replacement text" > </ A > 
Mail link: < A the href = "mailto: [email protected]" > send-mail E </ A > 
bookmarks: 
< A ID = "tips" > Tip section </ A >
<a href= "Tips #" > Jump Tips section </ A >

Images (Images)
 < IMG the src = "the URL" Alt = "replace text" height = "42 is" width = "42 is" >

Style / section (Styles / Sections)
 < style type = "text / CSS" > 
h1 of { Color : Red ; } 
P { Color : Blue ; } 
</ style > 
< div > block-level elements in the document </ div > 
< span > inline element in the document </ span >

Unordered list
 < ul > 
    < li > Project </ li > 
    < li > Project </ li > 
</ ul >

Ordered list
 < OL > 
    < Li > first </ Li > 
    < Li > second </ Li > 
</ OL >

Definition list
 < DL > 
  < dt > Project. 1 </ dt > 
    < dd > Description Item. 1 </ dd > 
  < dt > Project 2 </ dt > 
    < dd > Description Item 2 </ dd > 
</ DL >

< Table border = ". 1" > 
  < TR > 
    < TH > table heading </ TH > 
    < TH > table heading </ TH > 
  </ TR > 
  < TR > 
    < TD > Form Data </ TD > 
    < TD > table data </ TD > 
  </ TR > 
</ Table >

框架（Iframe）
<iframe src="demo_iframe.htm"></iframe>

表单（Forms）
<form action="demo_form.php" method="post/get">
<input type="text" name="email" size="40" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit" value="Send">
<input type="reset">
<input type="hidden">
<select>
<option>苹果</option>
<option selected="selected">香蕉</option>
<option>樱桃</option>
</select>
<textarea name="comment" rows="60" cols="20"></textarea>
 
</form>

Entity (Entities)
 & lt; equivalent < 
& gt ; is equivalent to > 
& # 169; is equivalent to ©

Wu Yuxiong - born nature study notes HTML: HTML Quick List

Guess you like