文本标签
标题(h1~h6)
<h1></h1>
水平线(hr)
<hr/>
段落(p)
<p></p>
上下标(sup和sub)
<sub></sub> <sup></sup>
换行(br)
<br/>
原样输出(pre)
<pre></pre>
注意:保留空格和换行,tab键会出问题。
有序列表ol li
无序列表ul li
项目列表标签(dl dt dd)
行内标签(span)
块标签<div>
div标签的内容会独立占一行
<!--
文本标签
标题(h1~h6) <h1></h1>
水平线(hr) <hr/>
段落(p) <p></p>
上下标(sup和sub) <sub></sub> <sup></sup>
换行(br) <br/>
原样输出(pre) <pre></pre> 注意:保留空格和换行,tab键会出问题。
有序列表ol li
无序列表ul li
项目列表标签(dl dt dd)
行内标签(span)
块标签<div> div标签的内容会独立占一行
-->
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>第一个网页</title>
<meta name="keywords" content="java,木丁西"/>
<meta name="description" content="哈哈哈,这是木丁西的第一个网页哦!!!"/>
</head>
<body>
<h1>请叫我木丁西</h1>
<h2>请叫我木丁西</h2>
<h3>请叫我木丁西</h3>
<h4>请叫我木丁西</h4>
<h5>请叫我木丁西</h5>
<h6>请叫我木丁西</h6>
<p>
请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西。
<hr />
<p>请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西请叫我木丁西。</p>
<hr/>
H<sub>2</sub>O<br/>
2<sup>16</sup>
<hr/>
<pre>
静夜思
床前明月光,疑是地上霜。
举头望明月,低头思故乡。
</pre>
<hr/>
我喜欢的事情:
<ol type="a">
<li>电影</li>
<li>足球</li>
<li>敲代码</li>
<li>看书</li>
</ol>
我不喜欢:
<ul type="square">
<li>游戏</li>
<li>发呆</li>
<li>无聊</li>
</ul>
学院结构:
<dl>
<dt>技术总监</dt>
<dd>督办1</dd>
<dd>督办2</dd>
<dd>督办3</dd>
<dd>督办4</dd>
<dt>杂事总监</dt>
<dt>人事总监</dt>
<dd>普工</dd>
</dl>
什么鬼
<span>什么鬼</span>
<div>div独立占一行?</div>
</body>
</html>