天天看点

HTML 基础语法

HTML Basic Document

<!DOCTYPE html>

< 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/" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >Link-text goes here</a>

Image-link:< a href="http://www.example.com/" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" ><img src="URL" alt="Alternate Text"></a>

Mailto link:< a href="mailto:[email protected]" target="_blank" rel="external nofollow" >Send e-mail</a>

A named anchor:

< a name="tips">Tips Section</a>

< a href="#tips" target="_blank" rel="external nofollow" >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 >

< tr>

<th>Tableheader</th>

<th>Tableheader</th>

< /tr>

< tr>

<td>sometext</td>

<td>sometext</td>

< /tr>

< /table>

Iframe

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

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:[email protected]" target="_blank" rel="external nofollow" >Email us</a><br>

Address: Box 564, Disneyland<br>

Phone: +12 34 56 78

< /address>

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