<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Head First Lounge</title>
<style>
body {
background-color: #eaf3da;
}
</style>
</head>
<body>
<h1>Welcome to the New and Improved Head First Lounge</h1>
<img src="http://www.cnblogs.com/drinks.gif" alt="Drinks">
<p>Join us any evening for refreshing
<a href="http://www.cnblogs.com/elixir.html">elixirs</a>,
cinversation and maybe a game or two of <em>Dance Dance Revolution</em>.
Wireless access is always provided; BYOWS (Bring your own Web Server).
</p>
<h2>Directions</h2>
<p>You'll find us right in the center of downtown Webville.
If you need help finding us, checkout out
our <a href="http://www.cnblogs.com/directions.html">detailed
directions</a>. <q>Come join us!</q>
</p>
<ol>
<li>Walla Walla, Wa</li>
<li>Magic City, ID</li>
<li>Bountiful, UT</li>
<li>Last Chance, Co</li>
</ol>
<blockquote> Passing cars, When you can't see,
May get You,<br/>
A glimpse,<br/>
Of eternity.
</blockquote>
</body>
</html>
<p>You'll find us right in the center of downtown Webville.<q>If you need help finding us,</q> checkout out
our Come join us!
</p> 很长的引用
可以使用<blockquote>元素来为一段或多段文字添加引用
例如:
<blockquote> Passing cars, When you can't see,
May get You,<br/>
A glimpse,<br/>
Of eternity.
</blockquote> 强调
可以使用<em>元素来标记你想用不同方式显示的文本,比如你想强调一个要点
例如:
<p>Join us any evening for refreshing cinversation and maybe a game or two of <em>Dance Dance Revolution</em>.Wireless access is always provided; BYOWS (Bring your own Web Server).
</p>
现在已经知道了很多基本的元素了,其他还有显示计算机代码的<code>元素,显示时间或日期的<time>元素等等就不列举了.