HTML

<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>

<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> 成立于 1948 年。</p>

<p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>

<tableborder="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>

表格的表头使用 <th> 标签进行定义，大多数浏览器会把表头显示为粗体居中的文本：

<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
</table>

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td></td>
<td>row 2, cell 2</td>
</tr>
</table>

　跨行或列单元格：

<h4>横跨两列的单元格：</h4>
<table border="1">
<tr>
  <th>姓名</th>
  <th colspan="2">电话</th>
</tr>
<tr>
  <td>Bill Gates</td>
  <td>555 77 854</td>
  <td>555 77 855</td>
</tr>
</table>

<h4>横跨两行的单元格：</h4>
<table border="1">
<tr>
  <th>姓名</th>
  <td>Bill Gates</td>
</tr>
<tr>
  <th rowspan="2">电话</th>
  <td>555 77 854</td>
</tr>
<tr>
  <td>555 77 855</td>
</tr>
</table>

排列内容align：

<table width="400" border="1">
 <tr>
  <th align="left">消费项目....</th>
  <th align="right">一月</th>
  <th align="right">二月</th>
 </tr> 
</table>

<ul type="disc">前面带有实心圆点

罗马字母列表：<ol type="I">

<iframe src="···网页地址·····" width="200" height="200"></iframe>

删除边框： 

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

iframe 可用作链接的目标（target）。

链接的 target 属性必须引用 iframe 的 name 属性：

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>  链接的目标匹配 iframe 的名称，所以链接会在 iframe 中打开

<p>To open a file, select:</p>

<p><kbd>File | Open...</kbd></p>

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

<code>
var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
</code>

<code>
var person = {
    firstName:"Bill",
    lastName:"Gates",
}
</code>如需解决该问题，您必须在 <pre> 元素中包围代码：

<code>
<pre>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>

<p>Einstein wrote:</p>

<p><var>E = m c<sup>2</sup></var></p>

<form>
 First name:<br>
<input type="text" name="firstname">
<br>
 Last name:<br>
<input type="text" name="lastname">
</form> 

<form>
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
</form> 

<form action="action_page.php">
First name:
<input type="text" name="firstname" value="Mickey">
<input type="submit" value="Submit">
</form> 

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</select>

列表通常会把首个选项显示为被选选项。

您能够通过添加 selected 属性来定义预定义选项。

<option value="fiat" selected>Fiat</option>

<textarea name="message" rows="10" cols="30">
The cat was playing in the garden.
</textarea>

<button type="button" onclick="alert('Hello World!')">Click Me!</button>

<datalist> 元素为 <input> 元素规定预定义选项列表。

用户会在他们输入数据时看到预定义选项的下拉列表。

<input> 元素的 list 属性必须引用 <datalist> 元素的 id 属性。

通过 <datalist> 设置预定义值的 <input> 元素：

<form action="action_page.php">
<input list="browsers">
<datalist id="browsers">
   <option value="Internet Explorer">
   <option value="Firefox">
</datalist> 
</form>

disabled 属性规定输入字段是禁用的。

被禁用的元素是不可用和不可点击的

autocomplete 属性规定表单或输入字段是否应该自动完成。

当自动完成开启，浏览器会基于用户之前的输入值自动填写值。

utofocus 属性是布尔属性。

如果设置，则规定当页面加载时 <input> 元素应该自动获得焦点

formaction 属性规定当提交表单时处理该输入控件的文件的 URL。

formaction 属性覆盖 <form> 元素的 action 属性。

formaction 属性适用于 type="submit" 以及 type="image"

<form action="action_page.php">
   First name: <input type="text" name="fname"><br>
   Last name: <input type="text" name="lname"><br>
   <input type="submit" value="Submit"><br>
   <input type="submit" formaction="demo_admin.asp"
   value="Submit as admin">
</form> 

formenctype 属性规定当把表单数据（form-data）提交至服务器时如何对其进行编码（仅针对 method="post" 的表单）。

formenctype 属性覆盖 <form> 元素的 enctype 属性。

formenctype 属性适用于 type="submit" 以及 type="image"。

formmethod 属性定义用以向 action URL 发送表单数据（form-data）的 HTTP 方法。

formmethod 属性覆盖 <form> 元素的 method 属性。

formmethod 属性适用于 type="submit" 以及 type="image"。

min 和 max 属性规定 <input> 元素的最小值和最大值。

min 和 max 属性适用于如需输入类型：number、range、date、datetime、datetime-local、month、time 以及 week。

multiple 属性是布尔属性。

如果设置，则规定允许用户在 <input> 元素中输入一个以上的值。

multiple 属性适用于以下输入类型：email 和 file。

pattern 属性规定用于检查 <input> 元素值的正则表达式。

pattern 属性适用于以下输入类型：text、search、url、tel、email、and password。

placeholder 属性规定用以描述输入字段预期值的提示（样本值或有关格式的简短描述）。

该提示会在用户输入值之前显示在输入字段中。

action 属性定义在提交表单时执行的动作。

向服务器提交表单的通常做法是使用提交按钮 。如果省略 action 属性，则 action 会被设置为当前页面

通常，表单会被提交到 web 服务器上的网页。

<form action="/action_page.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form

  提交的结果将在新的浏览器标签中打开：

          <form action="/action_page.php" target="_blank">

<form action="action_page.php" method="GET">

或：

<form action="action_page.php" method="POST">

autocomplete 属性规定表单是否应打开自动完成功能。

启用自动完成功能后，浏览器会根据用户之前输入的值自动填写值。

<form action="/action_page.php" autocomplete="on">

ovalidate 属性是一个布尔属性。

如果已设置，它规定提交时不应验证表单数据。

未设置 novalidate 属性的表单：

<form action="/action_page.php" novalidate>

<embed height="100" width="100" src="song.mp3" />

<object height="100" width="100" data="song.mp3"></object>

<embed src="movie.swf" height="200" width="200"/><object> 标签的作用是在 HTML 页面中嵌入多媒体元素

<object data="movie.swf" height="200" width="200"/>

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webm" type="video/webm" />
Your browser does not support the video tag.
</video>