HTML拾遗

一：标签

1:强调

<strong>加醋、<em>斜体

2:单独样式

<span>如果不加样式，那它包围的文字就是普通文字，可以在span中增加样式，就所包围的内容进行单独样式定制。

3:引用

短文本引用：单行引用，用<q>标签加双引号

长文本引用：多行引用，用<blockquote>标签

4:换行

<br/>

5:空格

&nbsp;

6:水平分割线

<hr/>

7:地址

<address>斜体显示地址

8:代码

<code>以特殊格式显示单行代码

9:多行代码

<pre>以特殊格式显示多行代码，会保留空格和换行符。

10:无序列表：列表项前是原点

<ul>

  <li>列表内容</li>

  。。。

</ul>

11:有序列表：列表项前是序号

<ol>
   <li>信息</li>
   <li>信息</li>
   ......
</ol>

12：排版

<div id="模块名称">

为每一模块命名，让代码更清晰易懂。

13:表格

创建表格的四个元素：table、tbody、tr、th、td

<table>…</table>：整个表格以<table>标记开始、</table>标记结束。

<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）

<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。

<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。

<th>…</th>：表格表头，居中加粗。

14:表格标题与摘要

<table summary="摘要">
    <caption>标题文本</caption>
    <tr>
        <td>…</td>
        <td>…</td>
        …
    </tr>
…
</table>

摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

标题用以描述表格内容，标题的显示位置：表格上方。

15:超链接的打开动作

_blank -- 在新窗口中打开链接
_parent -- 在父窗体中打开链接
_self -- 在当前窗体打开链接,此为默认值
_top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页)
一个对应的框架页的名称 -- 在对应框架页中打开

16:用a标签实现邮件功能

有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

17:多行文本输入的区域尺寸

可以用css中的width、height控制。

18:表单输入标签

<input>

根据type属性不同，可以输入：文本text、密码password、单选课radio、复选框checkbox、提交按钮submit、重置按钮reset

单选框、复选框用name属性来分组，同name属性值的为一组。

19:单选下拉列表

<select>
  <option value="提交值" selected="selected">显示文本</option>//被选中

</select>

20:多选下拉列表

<select  multiple="multiple">
  <option value="提交值">显示文本</option>

</select>

21:label文本标签

可以为文本绑定一个其他元素，点击该文本时选中所绑定的元素。

<label for="另一个标签id">