HTML2

一.表格的设置

1.一个表格由表头，行，单元格组成。由<table>开始</table>结束。<tr>标记一个行，<th>说明表的列数和相应栏目的名称，<td>填充由<tr><th>组成的表格。如2*2：

<table>

<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

2.<table>,<tr>,<th>,<td>,都有align(对齐方式,取left,rigth,center))backguound,bgcolor,bordercolor(边框颜色),borderdark(阴影颜色),bordercolorlight(高亮显示颜色).

table ：border,指定表格边框的宽度；width，指定表格宽度；cellpadding：单元格内数据和单元格边框之间的间距；cellspacing：指定单元格之间的间距。

<th>,<td>：colspan,rowspan；指定合并一个单元格跨越的表格列数，行数。

PS：其实<th><td>都可以做单元格，但是th比td多了加粗和居中的效果。

例如：

<table border = 2,bordercolor = red,align = center, cellpadding=6>
<caption><font size=5>统计表</font></caption>
<tr >
<th width=80>专业</th>
<th width=80>学号</th>
<th width=80>姓名</th>
<th width=80>语文</th>
<th width=80>数学</th>
</tr>
<tr>
<td rowspan="2">计算机</td>
<td align = "center", bgcolor = "red">2011201105</td>
<td>彬彬</td>
<td>90</td>
<td>90</td>
</tr>
<tr>
<td align = "center", bgcolor = "white">2011201104</td>
<td>婷婷</td>
<td>90</td>
<td>90</td>
</tr>
<tr>
<td >通信工程</td>
<td align = "center", bgcolor = "red">2011201105</td>
<td>媛媛</td>
<td>90</td>
<td>90</td>
</tr>
</table>

*************************************************************************

二.表单的使用（非常重要）

表单用来收集信息，包括各种交互的控件，文本框，列表框，复选框，单选按钮。

<form method="post" action="">
[<input 定义/>]

[<textarea 定义>]

[<select 定义>]

[<button 定义/>]
</form>

1.表单标记<form>

<form 属性=“值”...事件="代码">...</form>

常用属性：name：指定表单的名称，可用脚本语言来引用或控制该表单。id:；method(表单提交方式，默认是get，还有pose)；action(指定接受表单数据的服务器程序或者动态URL地址，提交表单之后，就运行该URL地址所指向的页面)；target；enctype（设置文件上传）

get和pose的区别：get携带表格信息，受数据大小限制，而且安全级别低，比如密码从地址栏上泄露

主要事件：onsubmit；onreset

2.输入控件标记<input>

A.单行文本框：<input type = "text" 属性 = ”值“....事件="代码"/>

常用属性：name,id,value,defaultvalue,size,maxlength,form.

B.密码框：<input type = "password" 属性 = ”值“....事件="代码"/>

C.隐藏域：为了使访问者看不到隐藏域的信息，每个隐藏域都有自己的名称和值。<input type = "hidden" 属性 = ”值“....事件="代码"/>

D.复选框：<input type = "checkbox" 属性 = ”值“....事件="代码"/>选项文本

常用属性：name,id,value,checked（选中为TURE,否则为FALSE），defaultchecked(判断复选框是否定义了checked属性)

E.单选按钮<input type = "radio" 属性 = ”值“....事件="代码"/>选项文本

常用属性：name ,value,checked(默认选定一个)

F.可以添加三种类型的按钮”：提交，重置，自定义。<input type = "按钮类型" 属性 = ”值“....οnclick="代码"/>

type 分别对应取 submit,reset,button.

G.文件域：<input type = "file" 属性 = ”值“....>

属性：name（文件域的名称）,value（初始文件名）,size

3.其他表单控件

A.滚动文本框：<textarea 属性=“值”...事件=“代码”...>初始值</textarea>

属性：name,rows.cols.readonly。

B.选项选单：也叫下拉菜单。属性：name ,size(一次可以在列表中看到的选项数目),multiple(允许做多项选择),selected（指定该项初始状态被选中）

 <select name=""  属性=“值”...>
<option [selected="selected"] value="值">选项1</option>

 </select>

C.表单控件分组：可以使用<fieldset>对表单控件进行分组，将表单划分为更小，更易于管理的部分。

<fieldset>

<legend>控件组标题</legend>

组内表单控件

<fieldset>

PS：单选选项的name属性一定要一样，才能实现单选的功能。复选的name 也要一样；另外对于提交按钮，只向数据库发送，有name 属性赋值了的标签。对于单选和复选还要有value值，便于区分。对属性赋值“”不能少！

*********************************************

三.超链接标签

格式：<a 属性=“值”...>超链接内容</a>

根据目标地址不同，分为文件链接，锚点链接和邮件链接

1.文件链接。属性：

href：目标地址的URL，必选项，<a href=""></a>，打开当前文件夹，<a href="#"></a>，使超链接没有效果。

target：指定窗口或者框架的名称，默认_self 就在当前窗口打开；另外还有_blank，未命名的新浏览器窗口；_parent，父框架或窗口；若

2.锚点链接（资源链接）：目标地址是网页中的一个位置，创建锚点链接时，要在页面的某一处设置一个位置标记（锚点），并给该位置指定一个名称。要建立锚点链接，首先用<a>标记为跳转的位置命名。

例如：<a name="top">顶部</a>

  <a  href="#top">回到顶部</a>

原样输出：<pre>里面的都会原样输出，包括空格，缩进</pre>

base：可以统一设置打开超链接的统一方式，如：

<base target=" _black"/>