HTML 测试文档


<h1> 代表一号标题

<h2> 代表二号标题

<h3> 代表三号标题

<h4> 代表四号标题

<h5> 代表五号标题
<h6> 代表六号标题

这一段由<p>包含。<p>表示一个段落,是最常用的文本流格式。我们可以在文本流中使用各种内联文本标签。最常用的有这几种: <strong>加重<em> 强调<ins> 插入<del> 删除<sub> 下标<sup> 上标<cite> 引用<big>增大<small>缩小

			这是一段由<pre>包含的文本流。
		在它其中的空格,制表符,回车等可以被直接在网页上,而且也不会被浏览器自动换行。可以用它显示程序代码。
	预格式默认是用等宽字体。

我们也可以用这些内联标签在文本流中显示代码段: <code>代码<kbd>键盘输入<var>变量<samp>sample 例句

此外,有两个标签也很重要:

这一段是<blockquote>。记得使用<blockquote>里的cite属性。
这一段由<address>包含,可以用它来显示Email地址或者真实的地址。要注意的是它是块级元素,但默认没有margin或padding。
这一段由<div>包含,<div>是块级元素,默认没有任何样式。和它地位相当的另一个元素是<span>内联字段,同样默认没有任何样式。
这句话的前面有一个<br>,用于段内换行。

这句话的前面有一个<a>标签实现的锚标记。

<a>也表示链接。注意它有四个伪类::link是未访问链接,:visited是已访问链接,:hover是鼠标悬停时的链接, :active鼠标点击激活时的链接

<img> 标签 图片默认是inline的,但我们也可以将其定义为block。并专门为img定义一个.inline类img.inline。此外,链接中的<img>的样式又有所不同<a>中的<img>

还有用于插入媒体的<object>标签以及它里面的<param>标签。


  1. 有序列表的外层是<ol>
  2. 列表的每一项由<li>组成
  3. 注意,<ol>标签里只能直接包含<li>标签
    1. 这是嵌套的二级列表,必须放在某个<li>中
    2. 注意嵌套的二级列表项的样式可能与一级的不同
      1. 这是第三级,它的样式又和第二级的不同
这一行是<dt>
这一行则是<dd>。而定义列表外层是<dl>。
注意<dt>只能包含内联级别元素
而<dd>可以包含内联或者块级的元素

标准表格模型。其中由<colgroup>与<col>控制列宽度。

此处是<caption>
这一行是<thead> <thead>中可以用<th>或<td> 这里使用的是<th>
最后一行是<tfoot> <tfoot>无论放在什么位置,总显示在最末端
以下三行是<tbody> 可以放任意个<tr> 这里使用的是<td>
用<col>表示列 该行最右单元为空表格单元,没有任何内容
用<tr>表示行 该行最右单元则有一个&nbsp;  

<form>标签不可以直接包含各种控件标签,可以用包含表单元件,

也可以用<fieldset>和<legend>标签将表单归组。

对于input标签的CSS定义方法:将type属性的值也作为class名,这样就可以将不同的input控件区分开。