HTML 分组无序列表和有序列表
2016-01-08 13:06
519 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>分组元素</title>
</head>
<body>
<p>这是一个段落</p>
<p>这是第二个段落</p>
<div>这是一个通用分组</div>
<div>第二个通用分组</div>
<blockquote>引用大段分组</blockquote>
<pre>大体间距差不多
********
**
************
***
</pre>
<hr>添加 分隔线
<ul>无序列表
<li>一</li>
<li>一</li>
<li>一</li>
</ul>
<ol start="2">有序列表 从2开始
<li>一</li>
<li>一</li>
<li>一</li>
</ol>
<ol type="a">
<li>一</li>
<li>一</li>
<li>一</li>
</ol>
<dl><dt><dd> 详细分组
<dl>
<dt>这是第一份文件</dt>
<dd>这是文件的详细内容</dd>
</dl>
<figure> 使用插图
<figcaption>this is the first pic</figcaption>
<img src="img1.png">
</figure>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>分组元素</title>
</head>
<body>
<p>这是一个段落</p>
<p>这是第二个段落</p>
<div>这是一个通用分组</div>
<div>第二个通用分组</div>
<blockquote>引用大段分组</blockquote>
<pre>大体间距差不多
********
**
************
***
</pre>
<hr>添加 分隔线
<ul>无序列表
<li>一</li>
<li>一</li>
<li>一</li>
</ul>
<ol start="2">有序列表 从2开始
<li>一</li>
<li>一</li>
<li>一</li>
</ol>
<ol type="a">
<li>一</li>
<li>一</li>
<li>一</li>
</ol>
<dl><dt><dd> 详细分组
<dl>
<dt>这是第一份文件</dt>
<dd>这是文件的详细内容</dd>
</dl>
<figure> 使用插图
<figcaption>this is the first pic</figcaption>
<img src="img1.png">
</figure>
</body>
</html>
相关文章推荐
- XMHML-Day01
- HTML超链接,描点
- HTML-Day02-2
- Html 增加icon图标
- Html开发必须知道的新属性
- 【转】HTML转义字符大全
- HTML的表单应用
- 欢迎使用CSDN-markdow 4000 n编辑器
- chrome://inspect调试html页面空白,DOM无法加载的解决方案
- Html技巧 语义化你的代码
- HTML 5 之 Web Workers
- HTML防止重复提交
- html 页面 ajax 方法显示遮罩
- HTML——颜色代码
- HTML中<input>參数,以及文本输入框,文本域的解说
- HTML——如何在html中插入视频
- HTML关于post和get的区别以及缓存问题的理解
- html中size和maxlength的区别
- html注意事项
- html中padding和margin的区别