p——表示段落;
div——将全局属性应用到一片内容上,但不表示任何其他内容分组;
pre——保留html文档中的布局;
blockquote——表示引自他处的内容;
hr——表示段落级别的主题转变;
ol、li——生成有序列表;
设置li的value属性:——生成项目编号不连续的有序列表;
ul、li——生成无序列表;
dl、dt及dd——生成术语及其定义的列表;
ul(配合使用css的:before选择器及content特性)——生成带自定义项目编号的列表;
figure、figcaption——表示插图(及可有可无的标题)(html5);
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>上海远地资产管理有限公司</title>
<base href="http://www.shydzc.com/" target="_blank"/>
<meta name="author" content="jason"/>
<meta name="description" content="上海远地资产管理有限公司(简称:远地资产),是一家专业的互联网金融服务平台."/>
<!--另一种声明html页面所用字符编码的方法
<meta http-equiv="content-type" content="text/html charset=utf-8"/>
-->
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
<script src="simple.js"></script>
<noscript>
<h1>需要javascript脚本!</h1>
<!--或者导到另一网站
<meta http-equiv="refresh" content="0;http://www.shydzc.com"/>
-->
</noscript>
<style type="text/css">
body{
counter-reset:OuterItemCount 5 InnerItemCount;
}
#outerlist > li:before{
content:counter(OuterItemCount) ".";
counter-increment: OuterItemCount 2;
}
ul.innerlist > li:before{
content:counter(InnerItemCount,lower-alpha)".";
counter-increment: InnerItemCount;
}
details{border: solid thin black;padding:5px}
details > summary{
font-weight: bold;
}
</style>
</head>
<body>
<pre>
<code>
var fruits=["苹果","橘子"];<br/>
document.writeln("我喜欢"+fruits.length+"fruits");
</code>
</pre>
<blockquote cite="http://en.wikipedia.org/wiki/Apple">The apple is the pomaceous fruit of the apple tree. </blockquote> <br/>
<hr>
<ol start="2" type="I">
<li>Haden mangoes</li>
<li>Keitt mangoes</li>
<li>Kent mangoes</li>
</ol>
<br/>
<ol>
<li>Haden mangoes</li>
<li value="4">Keitt mangoes</li>
<li>Kent mangoes</li>
<li>Elephant Heart plums</li>
<li value="9">Stanley plums</li>
<li>Seneca plums</li>
</ol>
<br/>
<dl>
<dt>mangoes</dt>
<dd>Haden mangoes</dd>
<dd>Keitt mangoes</dd>
<dd>Kent mangoes</dd>
<dt>plums</dt>
<dd>Elephant Heart plums</dd>
<dd>Stanley plums</dd>
<dd>Seneca plums</dd>
</dl>
<br/>
<!--带自定义计数器的嵌套列表-->
<ul id="outerlist" style="list-style-type: none">
<li>bananas</li>
<li>mangoes,including:
<ul class="innerlist">
<li>Haden mangoes</li>
<li>Keitt mangoes</li>
<li>Kent mangoes</li>
</ul>
</li>
<li>cherries</li>
<li>plums,including:
<ul class="innerlist">
<li>Elephant Heart plums</li>
<li>Stanley plums</li>
<li>Seneca plums</li>
</ul>
</li>
<li>peaches</li>
<li>grapes</li>
</ul>
<br/>
<figure>
<figcaption>Listing 23. Using the code element</figcaption>
<code>
var fruits=["苹果","橘子"];<br/>
document.writeln("我喜欢"+fruits.length+"fruits");
</code>
</figure>
<br/>
</body>
</html>