转:html常用标签(后续加入html5的标签)

From http://www.w3schools.com/html/html_quick.asp

 HTML4的标签

HTML Basic Document

<html>
< head>
< title>Title of document goes here</title>
< /head>

< body>
Visible text goes here...
< /body>

</html>

Heading Elements

< h1>Largest Heading</h1>

<h2> . . . </h2>
< h3> . . . </h3>
< h4> . . . </h4>
< h5> . . . </h5>

<h6>Smallest Heading</h6>

Text Elements

< p>This is a paragraph</p>
< br /> (line break)
< hr /> (horizontal rule)
< pre>This text is preformatted</pre>

Logical Styles

< em>This text is emphasized</em>
< strong>This text is strong</strong>
< code>This is some computer code</code>

Physical Styles

< b>This text is bold</b>
< i>This text is italic</i>

Links

Ordinary link:< a href="http://www.example.com/">Link-text goes here</a>
Image-link:< a href="http://www.example.com/"><img src="URL" alt="Alternate Text" /></a>
Mailto link:< a href="mailto:webmaster@example.com">Send e-mail</a>

A named anchor:
< a name="tips">Tips Section</a>
< a href="#tips">Jump to the Tips Section</a>

Unordered list

< ul>
< li>Item</li>
< li>Item</li>
< /ul>

Ordered list

< ol>
< li>First item</li>
< li>Second item</li>
< /ol>

Definition list

< dl>
< dt>First term</dt>
< dd>Definition</dd>
< dt>Next term</dt>
< dd>Definition</dd>
< /dl>

Tables

<table border="1">
< tr>
<th>Tableheader</th>
<th>Tableheader</th>
< /tr>
< tr>
<td>sometext</td>
<td>sometext</td>
< /tr>
< /table>

Iframe

<iframe src="demo_iframe.htm"></iframe>

Frames

<frameset cols="25%,75%">
<frame src="page1.htm" />
<frame src="page2.htm" />
< /frameset>

Forms

< form action="http://www.example.com/test.asp" 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>Apples</option>
< option selected="selected">Bananas</option>
< option>Cherries</option>
< /select>

<textarea name="comment" rows="60" cols="20"></textarea>

< /form>

Entities

& lt; is the same as <
& gt; is the same as >
& #169; is the same as ©

Other Elements

<!-- This is a comment -->

<blockquote>
Text quoted from a source.
< /blockquote>

<address>
Written by W3Schools.com<br />
< a href="mailto:us@example.org">Email us</a><br />
Address: Box 564, Disneyland<br />
Phone: +12 34 56 78
< /address>

posted @ 2011-10-08 17:52  aicro  阅读(233)  评论(0编辑  收藏  举报