Html简介2

来源：互联网发布：ipadair2淘宝清除缓存编辑：程序博客网时间：2024/06/06 04:50

1.表格标签
表格可以固定文本或图像的显示位置
<table></table>
属性：bgcolor:设置表格背景色、
        border：设置表格边框宽度、
bordercolor：设置表格边框颜色、
bordercolorlight：设置表格边框明亮部分颜色、
bordercolordark：设置表格边框昏暗部分颜色、
cellspacing：设置表格单元格之间的间隔大小、
cellpadding：设置表格单元格边框与单元格内容间隔、
width：设置表格表格宽度、
height：设置表格表格高度
<tr></tr>
属性：align:设置水平方向上的对齐方式、
        valign：设置垂直方向上的对齐方式、
bgcolor：设置行的背景色
<td></td>
属性：width：设置单元格宽度，单位为像素或表格总宽度百分比,
        height：设置单元格高度
align：设置单元格水平方向上的对齐方式
valign：设置单元格垂直方向上的对齐方式
colspan：设置一个单元格所跨的列数，默认值是1
rowspan：设置一个单元格所跨的行数，默认值是1
nowrap：禁止浏览器对单元格中过长的内容进行换行，默认换行依据，-或空格或特殊字符
        当单元格内容过长时，单元格会被撑大！
<th></th>
用法与<td></td>一样：粗体，居中
<caption></caption>:标题标签对，必须紧跟在<table></table>后面

2.帧标签
分帧的作用
将一个浏览器文档窗口分隔成多个窗口，每个窗口中都可以显示一个独立的网页文件
<frameset></frameset>标签
不能定义在<body></body>标签对中，及其中也不能定义<body></body>标签
属性：rows：设置每个帧的宽度
        cols：设置每个帧的高度
border：设置每个帧窗口边框的宽度
frameborder：设置是否显示帧窗口的边框，缺省值为1[yes](显示),0[no](不显示)
必须设置其中的一个属性，否则会只显示第一个帧
<frame></frame>标签
属性：src：初始装载的网页的URL
        name：帧窗口的名称，超链接的target指向这个name，就会在这个帧窗口中显示
        scrolling：是否显示滚动条，默认是浏览器自动控制，no：始终不显示，yes：始终显示
        noresize：禁止调整帧窗口的大小
<a href="">的target属性
    四个内置的取值：_blank:在新窗口中显示，新窗口没有名称，脚本程序不能进行编程控制
                    _parent：当前帧的直接父帧窗口
      _self:在原窗口中显示，默认设置值
      _top：当前帧的最顶层的帧窗口
<noframes></noframes>标签:
    用于在不支持frame的浏览器中显示文本，要在其中嵌入<body>标签对
<iframe></iframe>标签对
   不需放在frameset中，放在<body>中，其中的内容只有在浏览器不支持iframe才显示

3.表格标签
<form>标签及其属性
<form></form>:用来创建一个表单，即定义表单的开始和结束位置
<form>标签具有action、method、target、title、enctype等属性
action属性：用来设置接收和处理浏览器递交的表单内容的服务器程序的URL
    若没有设置或为空时，form表单所在网页的url就将当做默认值使用
method属性：用来定义浏览器将表单中的信息提交给服务器的处理程序的方式，取值可以为GET或POST,默认值为GET
    get：显示参数，post：不显示参数
target属性：用来指定服务器返回结果显示的目标窗口或目标帧
title属性：用来设置当鼠标在表单上任意位置停留时，浏览器用黄色小浮标显示的文本(如表单的名称或描述)
enctype属性：指定浏览器使用哪种编码方式将表单传送给WWW服务器。
    该属性可以有两种取值：application/x-www-form-urlencode：浏览器会将参数中的特殊字符先进行编码，再传递给服务器
    和multipart/form-data：上传文件时，需要设置,默认的设置值是application/x-www-form-urlencode

注：from标签中的标签，只有设置了name属性，才会被提交

表单字段元素
<input type="submit" value="按钮显示值">:提交按钮
若也设置了name属性，该元素也会被提交给服务器
若有多个提交按钮都设置了name属性，只有被点击的按钮，才会被传递给服务器
<input type="reset">:重置按钮
点击时form中的标签都返回初始状态，该元素不会被提交给服务器
<input type="text"> :单行文本标签
size属性：文本框的大小
maxlength属性：可以输入的最大文本长度
readonly属性：可以获得焦点，不能手动改变其值，可以通过脚本改变其值
disabled属性：不可获取焦点，也不会被提交给服务器
<input type="checkbox">:复选框
属性：checked，value
若未被选中，不会传递给服务器，若没给value赋值，则默认为on
<input type="radio">:单选按钮
多个单选按钮，设置成相同的名称，提交时只提交被选中的单选按钮
<input type="hidden">:隐藏字段元素
浏览器不会显示，但是会被提交给服务器
<input type="password">密码输入区域
浏览器以*显示
<input type="file">文件上传
form标签的method设置为post,enctype设置为multipart/form-data
<input type="button">:普通类型按钮
要与脚本程序相联系，才能执行一定的
<input type="image">
在表单上创建一个图像元素,src代替value,可以代替提交按钮,单击图像时，会提交点击的x,y坐标以及form中的其他信息
<select></select><option></option>
<select>标签的属性：multiple：是否可以选择多项,ctrl+选择
                      size:设定在列表中可以看到的数目,默认值为1
<option>标签的属性：value：若被选中，value与select的name属性，传递给服务器,若没有设置value，则将option显示值传递给服务器
                      selected：初始化时是否选中
        若多选时,传递多个value与select的name属性
若不想选择，则添加一个value=""的option
<textarea></textarea>:多行文本框
属性：cols:列数
        rows：行数
初始值放在<textarea></textarea>标签中
<lable>：快捷键设置
属性:for,accesskey
<lable for="user" accesskey="a">用户名</lable>
<input type="text" name="user" id="user"></input>
lable的for属性与input的id属性相对应

4.头元素
头元素是指位于<head></head>标签对之间的元素
主要包括<title></title>、<base>、<link>、<meta>标签

<title>网页的显示标题

<base>标签
<base>标签用于指定网页中的超链接的基准地址，以改变网页中所有使用相对地址的URL的基准地址。
<base>标签通常的使用形式如下：
<base href="http://www.it315.com/test" target="_blank">
作用：
    href属性：设置该网页中所有使用HTTP协议的相对URL地址的基准地址，若网页中有如<a href="index.html"></a>这样的超链接
    它不会再像没有使用<base>标签式那样表示当前网页相同目录下的index.html，而是指向了http://www.it315.com/test/index.html
    target属性：用于设定该网页中所有的超链接显示的目标窗口，在<base>标签中设定target属性，可省得在所有的超链接的<a>标签中都加上target属性

5.分区标签
<div></div>块
<div>标签可以用来组合其它的HTML元素，但不能嵌套在段落元素中
如果嵌套，结果是不确定的。
<span></span>文本块

0 0