<DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style type="text/css">
p{
text-indent: 2em;
}
span{
font-weight: bold;
}
</style>
</head>
<body>
<h1>标题1</h1>
<p>
该文字在p标签内，标签内通常为段落。其中：1.对浏览器重要的信息用<strong>strong标签</strong>着重表示并显示为加粗。<br />
2.次要的信息用<em>em标签</em>着重表示并显示为斜体。
</p>
<h2>标题2</h2>
<p>
一段文字中，如需要控制其中某些字符的样式的时候，用<span>span标签</span>加以控制。
</p>
<h3>标题3（之后的h4、h5、h6通常很少使用）</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<hr />
有序列表
<ol>
<li>第1名内容</li>
<li>第2名内容</li>
<li>第3名内容</li>
<li>第4名内容</li>
</ol>
<hr />
无序列表
<ul>
<li>第1名内容</li>
<li>第2名内容</li>
<li>第3名内容</li>
<li>第4名内容</li>
</ul>
<hr />
定义列表
<dl>
<dt>文章阅读排行</dt>
<dd>第1名内容</dd>
<dd>第2名内容</dd>
<dd>第3名内容</dd>
<dd>第4名内容</dd>
<dt>文章评论排行</dt>
<dd>第1名内容</dd>
<dd>第2名内容</dd>
<dd>第3名内容</dd>
<dd>第4名内容</dd>
</dl>
</body>
</html>
![]()
