网络编辑必读手册3：HTML语言大全 如何创建HTML表格 HTML表格用表示。一个表格可以分成很多行(row)，用表示；每行又可以分成很多单元格(cell)，用表示。 这三个Tag是创建表格最常用的Tag。 示例 border属性 在缺省情况下，如果不设置表格的边界，表格是不显示边界的。 示例：不显示边界的表格 要显示表格的边界，可使用border这个属性。 示例：显示边界的表格 表格的表头 用来表示表格的表头，表头的字是粗体显示的。 示例： 有表头的表格 空的单元格 如果表格的单元格之间没有内容，那么这个单元格的边界是不会被显示出来的，尽管整个表格已设置边界值。要显示这个单元格的边界，可以插入一个空格符。 示例 更多示例 有标题的表格 这个示例演示如何用在一个表格上加上标题。 包含多列或多行的单元格 这个示例演示如何用colspan，rowspan设置多列或者多行的单元格。 单元格里的内容 这个例子演示单元格里面的内容。单元格的内容可以是文字，图片，超链接，Form，表格等。 单元格内容与单元格边界之间的距离 这个示例教你如何用cellpadding这个属性设置单元格内容与单元格边界之间的距离。 单元格之间的距离 这个示例教你如何用cellspacing这个属性设置单元格之间的距离 设置表格的背景颜色和背景图片 这个示例演示如何用bgcolor属性设置表格的背景颜色，如何用background属性为表格添加背景图片。 设置单元格的背景颜色和背景图片 这个示例演示如何用bgcolor属性设置单元格的背景颜色，如何用background属性为单元格添加背景图片。 单元格内容的对齐方式 这个示例教你如何用align属性设置单元格的对齐方式。 HTML框架(Frames) 使用框架(Frame)，你可以在浏览器窗口同时显示多个网页。每个Frame里设定一个网页，每个Frame里的网页相互独立。 Frameset 决定如何划分Frame。有cols属性和rows属性。使用cols属性，表示按列分布Frame；使用rows属性，表示按行分布Frame。 Frame 用这个Tag设定网页。里有src属性，src值是网页的路径和文件名。 下面的代码的目的是：将Frameset分成2列，列25%，表示列的宽度是窗口宽度的25%；第二列75%，表示列的宽度是窗口宽度的75%。列中显示a.html，第二列中显示b.html。 Iframe Iframe是Inline Frame的意思，用可以将Frame置于一个HTML文件内。 示例 列分Frame 这个例子显示如何在浏览器里同时显示三个网页，三个网页是按列分布的。 行分Frame 这个例子显示如何在浏览器里同时显示三个网页，三个网页是按行分布的。 混合Frameset 这个例子既用到了cols属性，又用到了rows属性，将Frame进行灵活分布。 Frameset中的noresize属性 使用Noresize属性可以确保Frame的大小。如果不使用noresize属性，你可以用鼠标移动Frame的边界，来改变Frame的大小，如果设置了noresize属性，不能移动边界了。 Frame用于导航 这个例子演示如何建立一个用于导航的Frame。这个导航Frame包含一个HTML，这个HTML（代码如下）包含了一个网页列表。点击网页列表中的任何一项，会在第二个Frame中显示点击中的网页。 humorlist.html 笑话一 笑话二 笑话三 Iframe的使用 这个例子显示如何在一个HTML文件里用iframe嵌入一个网页。 HTML列表(Lists) HTML有三种列表形式：排序列表(Ordered List)；不排序列表(Unordered List)；定义列表(Definition List)。 排序列表(Ordered List) 排序列表中，每个列表项前标有数字，表示顺序。 排序列表由开始，每个列表项由开始。 排序列表示例 不排序列表(Unordered List) 不排序列表不用数字标记每个列表项，而采用一个符号标志每个列表项，比如圆黑点。 不排序列表由开始，每个列表项由开始。 不排序列表示例 定义列表 定义列表通常用于术语的定义。 定义列表由开始。术语由开始，英文意为Definition Term。术语的解释说明，由开始，里的文字缩进显示。 定义列表示例 更多示例 不同类型(Type)的排序列表 这个例子显示如何用Type属性设置排序列表项前的符号。 不同类型(Type)的不排序列表 这个例子显示如何用Type属性设置不排序列表项前的符号。 嵌套的列表 列表里可以含有子列表。通常用这种嵌套的列表，反映层次较多的内容。 HTML表单(Forms) HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息。 举个简单的例子，一个让用户输入姓名的HTML表单(Form)。示例代码如下： 请输入你的姓名： 演示示例 学习HTML表单(Form)最关键要掌握的有三个要点： 表单控件(Form Controls) Action Method 先说表单控件(Form Controls)，通过HTML表单的各种控件，用户可以输入文字信息，或者从选项中选择，以及做提交的操作。比如上面的例句里，input type= "text"是一个表单控件，表示一个单行输入框。 用户填入表单的信息总是需要程序来进行处理，表单里的action指明了处理表单信息的文件。比如上面例句里的http://www.admin5.com/html/asdocs/html_tutorials/yourname.asp。 至于method，表示了发送表单信息的方式。method有两个值：get和post。get的方式是将表单控件的name/value信息经过编码之后，通过URL发送(你可以在地址栏里看到)。而post则将表单的内容通过http发送，你在地址栏看不到表单的提交信息。那什么时候用get，什么时候用post呢？一般是这样来判断的，如果只是为取得和显示数据，用get；一旦涉及数据的保存和更新，那么建议用post。 HTML表单(Form)常用控件(Controls) HTML表单(Form)常用控件有： 表单控件(Form Contros) 说明 input type="text" 单行文本输入框 input type="submit" 将表单(Form)里的信息提交给表单里action所指向的文件 input type="checkbox" 复选框 input type="radio" 单选框 select 下拉框 textArea 多行文本输入框 input type="password" 密码输入框(输入的文字用*表示) 表单控件(Form Control)：单行文本输入框(input type="text") 单行文本输入框允许用户输入一些简短的单行信息，比如用户姓名。例句如下： 演示示例 表单控件(Form Control)：复选框(input type="checkbox") 复选框允许用户在一组选项里，选择多个。示例代码：苹果桔子芒果 演示示例 用checked表示缺省已选的选项。桔子 演示示例 表单控件(Form Control)：单选框(input type="radio") 使用单选框，让用户在一组选项里只能选择一个。示例代码：苹果桔子芒果 演示示例 用checked表示缺省已选的选项。桔子 演示示例 表单控件(Form Control)：下拉框(select) 下拉框(Select)既可以用做单选，也可以用做复选。单选例句如下： 苹果 桔子 芒果 演示示例 如果要变成复选，加muiltiple即可。用户用Ctrl来实现多选。例句： 演示示例 用户还可以用size属性来改变下拉框(Select)的大小。 演示示例 表单控件(Form Control)：多行输入框(textarea) 多行输入框(textarea)主要用于输入较长的文本信息。例句如下： 其中cols表示textarea的宽度，rows表示textarea的高度。 演示示例 表单控件(Form Control)：密码输入框(input type="password") 密码输入框(input type="password")主要用于一些保密信息的输入，比如密码。因为用户输入的时候，显示的不是输入的内容，而是黑点符号。。例句如下： 演示示例 表单控件(Form Control)：提交(input type="submit") 通过提交(input type=submit)可以将表单(Form)里的信息提交给表单里action所指向的文件。例句如下： 演示示例 表单控件(Form Control)：图片提交(input type="image") input type=image 相当于 input type=submit，不同的是，input type=image 以一个图片作为表单的提交按钮，其中 src 属性表示图片的路径。 演示示例 如何编写 ASP 网页获取 HTML 表单的提交信息，请参见教程：ASP和HTML表单。 HTML图片(Images) 用 这个 Tag 可以在HTML里面插入图片。最基本的语法如下： url表示图片的路径和文件名。比如 url 可以是 images/logo/blabla_logo01.gif，也可以是个相对路径 "../images/logo/blabla_logo01.gif"。 示例 图片alt属性 中有一个alt属性，英文叫alternate text。例句如下： 假使浏览器没有载入图片的功能，浏览器会转而显示Alt属性的值。 其实，现在大多数浏览器都支持图片载入。在此介绍Alt属性，是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字，所以用ALT属性写上图片的说明，便于搜索引擎抓取你网页的内容。 示例 图片align属性 用align属性，可以改变图片的垂直(居上、居中、居下)对齐方式和水平对齐方式(居左、居中、居右)。 示例 图片的大小 在缺省状况下，图片显示原有的大小。你可以用height和width属性改变图片的大小。不过图片的大小一旦被改变，图片会相应放大或缩小，显示出来的结果可能会很难看。 示例 建议 图片相对文字，所占的字节数较多，比如一个全屏的图片，即使经过压缩，也要占去大约50k字节，这相当于25000字的文本。因此浏览器载入图片比较费时，建议一个HTML文件里不要包含过多的图片，否则会影响你的网页显示速度。 更多示例 背景图片 这个示例演示如何将一个图片作为HTML网页的背景图片。 将一个图片作为一个超链接 这个示例演示了如何将一个图片作为一个超链接，即点击一个图片，可以连接到其它文件。