HTML学习笔记（3）

设置单元格边距(cell padding)
<table border="1"
cellpadding="10">
<tr>
....
</tr>

设置单元格之间的间距(cell spacing)
<table border="1"
cellspacing="10">

设置单元格中内容的位置
<td align="left">该内容左靠单元格</td>

设置表格的宽和高
<table width="400"border="1">

框架属性
<table frame="...">
box 表格的每个边都存在
above 表格每个单元格的上面的边存在
below 下面的边存在
hsides 表格的竖边不在
vsides 横边不在
-----------------------------------------------------------
HTML 支持有序、无序和定义列表
无序列表
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
标记的符号有许多种类：
<ul type="...">
disc 粗体圆点
circle 空心圆圈
square 黑色方块

无序列表始于 <ul> 标签。每个列表项始于 <li>。
<ul>
 <li>Computer</li>
 <li>Book</li>
</ul>
列表项内部可以使用段落、换行符、图片、链接以及其他列表

有序列表
同样，有序列表也是一列项目，列表项目使用数字或其他进行标记。
标记可以由数字，字母组成
<ol type="...">
默认为数字
A 大写字母
a 小写字母
I 罗马字母
i 小罗马字母

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
<ol>
 <li>Computer</li>
 <li>Book</li>
</ol>
浏览器显示如下：
1.Computer
2.Book

定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义

以 <dd> 开始。
<dl>
 <dt>Coffee</dt>
  <dd>Black hot drink</dd>
 <dt>Milk</dt>
  <dd>White cold drink</dd>
</dl>
结果显示
Coffee
Black hot drink
Milk
White cold drink

嵌套列表
和表格一样
<ul>
 <li>Subject
  <ul>
   <li>Math</li>
   <li>Science</li>
  </ul>
 </li>
</ul>
-------------------------------------------------------------------
HTML 表单和输入
表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息

的元素。
表单使用表单标签（<form>）定义。

输入
多数情况下被用到的表单标签是输入标签（<input>）。输入类型是由类型属性（type）定义

的。大多数经常被用到的输入类型如下：
1.文本域（Text Fields）
当用户要在表单中键入字母、数字等内容时，就会用到文本域。
<form>
First name:
<input type="text" name="firstname" />
<br />
Last name:
<input type="text" name="lastname" />
</form>
显示
First name:
Last name:

2.单选按钮（Radio Buttons）
当用户从若干给定的的选择中选取其一时，就会用到单选框。
<form>
<input type="radio" name="sex" value="male" /> Male
<br />
<input type="radio" name="sex" value="female" /> Female
</form>

3.复选框（Checkboxes）
当用户需要从若干给定的选择中选取一个或若干选项时，就会用到复选框。
<form>
<input type="checkbox" name="bike" />
I have a bike
<br />
<input type="checkbox" name="car" />
I have a car
</form>
复选框的产生是<input type="checkbox" name="bike" />
显示内容为I have a bike
如果把这两句位置换一下，则复选框放在了 I have a bike 之后。

4.下拉菜单
<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
可以预先指定一个为默认选项
<option value="fiat" selected="selected">Fiat</option>
指定fiat为默认选项

5. 创建按钮
自定义一个按钮
<input type="button" value="Hello world!">

6.绘制一个带标题的框
<fieldset>
<legend>健康信息：</legend>
<form>
<label>身高：<input type="text" /></label>
<label>体重：<input type="text" /></label>
</form>
</fieldset>

 

表单的动作属性（Action）和确认按钮
当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文

件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
<form name="input" action="http://...../html_form_action.asp" method="get">
Username:
<input type="text" name="user" />
<input type="submit" value="Submit" />
</form>
单击确定后会发送到服务器名为"form_action.asp"的页面。