0829HTML超文本（二）

一、HTML列表
1、有序列表
默认的排序方式就是以数字开头，属性start=2表示从数字2开始排序。
通过属性type可以选择别的排序方式。
type=a:表示以小写字母来排序
type=A:表示以大写字母来排序
type=i:表示以小写罗马数字来排序
type=I:表示以大写罗马数字来排序

<ol>//起始标签
    <li>balabala</li>//列表项起始标签，列表项内部可以使用换行符，段落，图片，
</ol>                       链接，以及其他列表

2、无序列表
即给每个列表项加小符号，默认Disc:为实心黑点，Circle:小圈，square:方点，其它属性与有序列表一样。

<ul type="square">
    <li>balabala</li>
</ul>

3、定义性列表
通常用于术语的定义和解释

<dl>
    <dt>术语</dt>
    <dd>解释说明</dd>
</dl>

二、HTML块
HTML元素被定义为块级元素或内联元素
块级元素特性：总是独占一行，width,height,内边距(padding),外边距(margin)都可以控制。
内联元素特性：和相邻的内联元素在同一行，width,height,内边距(padding),外边距(margin)不可变。

<div>标签
用来定义文档中的分区或节，可用于组合其它HTML元素的容器
例：
<div style="color:white">
<h3>This is a header</h3>
<p>This is a paragraph</p>
</div>

<span>标签
用来组合文档中的行内元素

三、HTML布局
网页布局可以通过<table> 元素或者<div> 元素来实现。
一般的div元素结构图如下图所示：

四、表单
注册网页，在留言板中留言，评论等可以填写数据，提交处理地方都需要表单标签，form表单标签内有输入框input,单选，多选，select下拉列表菜单，跳转菜单，提交按钮等标签内容。
例：

<form>
username:
<input type="text" name="usernmae">
<br/>
password:
<input type="password" name="password">
</form>
//单选框
<form>
<input type="radio" name="sex" value="male"/> Male
<br/>
<input type="radio" name="sex" value="female"/>Female
</form>
//多选框
<form>
<input type="checkbox" name="married"/>married
<br/>
<input type="checkbox" name="have a job"/>have a job
<br/>
<input type="checkbox" name="chinese"/>chines
</form>