实例
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>html基础标签</title>
<style>
p{background-color: rgb(104, 104, 255);
height:50px;
}
ul li::before{content:url(http://www.icontuku.com/png/fugue-icons32/database.png);margin:2px;}
ul li{list-style: none;height:50px;}
</style>
</head>
<body>963 <!--
基础标签
1.h1,h2,h3,h4,h5,h6标题标签（序号越大文字越小）
2. 文本修饰：（1）双标签————段落标签<div></div><p> </p> ，<pre></pre>预格式文本标签，原样输出文本格式
(2)单标签—————水平横线标签<hr>,换行标签<br>
3. 列表（1）有序列表<ol></ol>可带start参数。如：<ol start=5>
(2)无序列表<ul></ul>
<li></li>列表标签
-->
<!-- 标题标签示例 -->
<h1>我是标题标签</h1>
<h2>我是标题标签</h2>
<h3>我是标题标签</h3>
<h4>我是标题标签</h4>
<h5>我是标题标签</h5>
<h6>我是标题标签</h6>
<!-- 文本标签示例 -->
<div>我是一个段落和双标签，属于块级元素，在显示时独占一行</div> <!-- 常用于定位和布局页面 -->
<p>我是一个段落和双标签，属于块级元素，在显示时独占一行</p> <!-- 段落标签主要运用文章段落 -->
<pre>pr标签可以原样输出空格
回车
</pre> <!--可以原样输出空格回车 -->
<del>文字中间的删除线</del> <!-- 文字中间的删除线 -->
<em>斜体标签</em> <!-- 斜体标签 -->
<i>也是斜体标签</i> <!-- 也是斜体标签 -->
<strong>加粗字体标签</strong> <!-- 加粗字体标签 -->
<br> <!-- 换行标签 我是单标签 -->
<hr> <!--hr一条水平横线 我是单标签-->
<!-- 列表标签 -->
<ol start=3> <!-- 表示从序号3开始排列 -->
<li>在前面自动添加序号</li>
<li>在前面自动添加序号</li>
<li>在前面自动添加序号</li>
</ol>
<ul>
<li>自定义序号，默认前面添加加点</li>
<li>自定义序号，默认前面添加加点</li>
<li>自定义序号，默认前面添加加点</li>
</ul>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例