HTML（下）

列表，表格

dl→definition list(定义列表)，
一般可用于名词解释之类。
dl用来定义一个普通列表：
<dl>
<dt>1</dt>
<dd>1.1</dd>
<dd>1.2</dd>
<dt>2</dt>
<dd>2.1</dd>
<dd>2.2</dd>
</dl>




ul→unordered list(无序列表)，注意多个ul嵌套时的写法。可以用点 或者其他的标志来确定列
<ul>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ul>


ol→ordered list(有序列表)，这个是用一二三来确定列
<ol>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>


用嵌套ul或ol来模拟二级菜单。
<ul>
        <li>aaaaaa</li>
        <li>bbbbbbb
            <ol>
                <li>ol test</li>
                <li>ol test</li>
                <li>ol test</li>
                <li>ol test</li>
                <li>ol test</li>
                <li>ol test</li>
            </ol>
        </li>
        <li>aaaaaa1</li>
        <li>bbbbbbb1
            <ol>
                <li>ol test</li>
                <li>ol test</li>
                <li>ol test</li>
                <li>ol test</li>
                <li>ol test</li>
                <li>ol test</li>
            </ol>
        </li>
    </ul>
在无序列表中添加有序列的字段 或者在有序列中添加无序列的标志 这是为了更容易的去理解去区分想内容 


<ol>与<ul>都有一个type属性，用来设置序列的显示样式


表格
<table></table>为表格,在内部通过<tr>创建行,<tr>内部通过<td>来创建单元格可以哦他通过设置table的border属性来隐藏表格线
<tr>的属性：align，水平对齐，可选值left、right、center；valign，垂直对齐，可选值top、middle、bottom。
<td>也有align和valign。<tr align="right"><td>tom</td><td align="left">20</td><td>男</td></tr>：子标签默认继承父标签的属性，如果自己单独指定了属性，则会覆盖父标签的属性。
还可以使用rowspan(合并行)、colspan（和并列）进行单元格的合并。rowspan、colspan是td的属性。
一个完整的表格。需要有这些标签 table、caption、thead、tbody、tfoot、tr、th、td。

表单 

<form>标签为表单标签，如果把数据提交到服务器，则需要将<input><textarea><select>等表单元素放到form中

<input>是主要的表单元素，type 的可选值：submit （提交按钮）button（普通按钮）、checkbox（复选框）、file（文件选择框）、hidden（隐藏字段）、image（图片按钮）、password（密码框）、radio（单选按钮）、reset（重置按钮）、text（文本框）。表单的提交是通过post提交的 其他的提交都是通过get提交。

submit：点击submit按钮表单就会被提交给服务器，中文IE下默认按钮文本为“提交查询”，可以设置value属性修改按钮的显示文本
text：size属性为宽度，

value为值，

maxlength为可以输入的最大长度，

readonly只读。<input type="text" readonly/>（只写属性名，不写属性值）或者<input type="text" readonly="readonly" />（推荐）

checkbox：checked属性表示是否被选中，<input type="checkbox" checked />或者<input type="checkbox" checked="checked" />(推荐)checked、readonly等这种一个可选值的属性都可以省略属性值。
radio：相同name属性的为一只有组，不同radio设定不同的value值，这样通过取指定name的值就可以知道谁被选中了，不用单独的判断。
file：使用file，则form的enctype必须设置为multipart/form-data、method属性为POST（*）
image：使用src属性指定图片的地址，用来实现美化的“登录按钮”。用图片实现的submit按钮，同时提交了用户点击图片的坐标。

<select>标签

用来创建类似于WinForm中的ComboBox或者ListBox
如果size属性大于1就是ListBox（size的值为显示出来的列表数量），否则就是ComboBox。

<select  multiple>或者<select  multiple="multiple">（推荐），那么就是可以多选的ListBox。
select中的项是<option>，<option>北京</option>还可以设定项的值<option value="1">北京</option>。
将一个option设置为选中：<option selected>333</option>或者<option selected="selected">333</option>(推荐)就可以将这个项设定为选择项
如何实现“不选择”，添加一个<option value="-1">--不选择--<option>，然后编程判断select选中的值如果是-1就认为是不选择。
select分组选项，可以使用optgroup对数据进行分组，分组本身不会被选择，无论对于下拉列表还是列表框都适用。