第一讲第2课Html高级部分.docx

1、第一讲第2课Html高级部分Html 高级部分表格标签 一个表格 一行 一行中的一列例子：效果属性：gbcolor，border，bordercolor，易懂，不解释Bordercolorlight：设置border光亮部分的颜色（只有在border0时生效）Borderclolordark： 设置border阴暗部分的颜色（只有在border0时生效）Cellspacing 表格内的各个单元格的间隔大小Cellpadding 表格内单元格和其内容的间隔大小With 和 height 表格的宽度和高度（像素或%）属性：Align 水平对齐方式(如果单元格大于内容 默认左侧对齐)valign 垂

2、直对齐方式bgcolor 颜色（对一行起作用，覆盖的背景）属性：width height 某个单元格的宽度和高度（只对每个，不是每行）注意：1 width 如果设置为 %比的话，各个单元格的大小的%比相加不能超过100%2 如果参数总和没有超过，则将剩余的平均分配给各个单元格3 如果要设置这2个参数，确保已经设置了的width 和height（像素或百分比）属性 align:这个单元格的水平对齐方式Valign : 这个单元格的垂直对齐方式Colspan: 这个单元格所占有的列数（默认1）Rowspan 这个单元格所占有的行数（默认1）Nowrap 禁止浏览器对单元格内过长内容进行换行（换行时

3、会根据字符串中的特殊字符换行：如“-”，没有特殊字符的一般话会撑开表格）与的用法一样 只不过 显示为：粗体 加黑一般用来作为表头（表里第一行）整个表格的标题，必须紧跟在之后（不是）如：标题嵌入超链接：帧标签一个浏览器窗口只能显示一个html文件将浏览器窗口分成多个帧，每个帧就能显示一个html文件一个 框架集 可以存放多个帧窗口每个帧窗口对应一个或多个(切换显示就多个了)html文件存放多个帧窗口的html文件 称为 主文档图片例子：显示效果：结构图：注意：frameset 标签对不能 嵌套在 之中！(否则不能显示分帧)只能放在之中而且frameset 标签对中不能含有任何和之中的元素，因为根

4、本不能显示他们（放了也不显示）属性：Rows:设置多少行个帧Cols:设置多少列个帧Border : 设置帧 边框的 宽度Frameborder 设置是否显示 边框。 值 ：NO（或者0），Yes（或者1） 一个帧属性：scr:初始装载的html文件的urlName：帧窗口名字，被调用时，scr所指向的html将显示 在超链接 target所指向的name 的注意：如果target所指向的目标窗口不在，那么会自动打开一个新的窗口来显示目标html并且设置其属性为target所设置的内容帧窗中Scrolling: 帧窗口边框是否显示滚动条（默认自动显示）Noresize: 禁止用户用鼠标调整帧窗

5、口的大小用法:放在中，当用户浏览器不支持 时会自动显示例子:你的浏览器不支持框架窗口！注意：是写在里面的,并不是写在里面的在网页中插入一个帧窗口，其中可以显示html文件（画中画效果）注意：中的文本只有当用户的浏览器 不支持 时才显示，这样当用户的浏览器不支持时，就显示文本提示 也有 的属性，如： name 和 src frameborder 等属性，用法一样。 超链接补充Target 取值说明：1 _blank 打开新的窗口，并且窗口没有名称（脚本无法控制没有名称的窗口）2 _parent 显示在当前帧的直接父窗口（只有当超链接的原网页显示在某个帧窗口中是才可）3 _self 在原网页显示（

6、缺省设置值）4 _top 显示在最顶层的窗口（只有当超链接的原网页显示在某个帧窗口中是才可）表单标签属性：action:提交处理的url（赋值为空或不写，默认是提交到本网页）Method ：1 get：不安全的，显示发送（默认的，表单中的特殊字符会被编码，数据不能大于1kb） 2 post：加密提交属性：Target：想要显示结果的目标窗口和帧属性：Title：属性：Enctype : （一般没有必要修改，除非要上传文件时才修改为）Name 属性：有设置name属性值的表单元素才会发送到服务器中的元素表单：属性：size:显示的字符数Maxlength: 最大输入字符数Disable ：不能编

7、辑（并且不会发送到服务器） 表单： 重置按钮 表单：属性：checked 初始化是否被选定（无值，直接使用）只有checked的才会被提交 表单：注意：多个提交按钮如果都有name属性，只有被单击的才会发送到服务器并且，只要表单名字和表单内容不是空，（只要大于一个的空格），都会被提交如：name=“ ”，表单内容为“ ”则这个表单元素会被提交为+=+多个重名的表单元素提交时，会自动加上数字加以区分 表单：name 一样的多个radio为一组单选按钮，这样就只能有一个被选中例子：男女注意：value才是被提交的值，后面的文本是用来提示用户的表单：隐藏的表单，浏览器不显示 表单：密码输入单行文本框

8、 表单：普通按钮（通常和脚本相联系）表单：实现先web上传文件选择完文件，点击提交时 ，只是提交url，并没有文件上传如果要上传文件：1 将 method设置为：post 2将enctype设置为”multipart/form-data” 表单:可在表单中创建图标例子：当提交时：会提交单击的图片上的xy坐标，格式为：pic.x&pic.y(name.x&name.y)表单标签属性：Multiple：（不用赋值）可以多选Size:显示的条目个数属性：如果的value没有设置，默认用 内容 中的“内容”作为值传送默认值写在之间.属性：cols：列数Rows: 行数提示作用作用：快捷键例子：表单设置

9、id属性之后，在label中引用 为其设置快捷键注意：快捷键测试在火狐上无效！360上按键冲突！IE测试有效!另外，360浏览器就是的method为get时，地址栏也不能显示 提交的数据Meta标签Name 属性值是放在之间Name 属性值： keywords例子：搜索关键字时，搜索引擎放出的spiders 和 robots 将name=keywords 时content内的内容作为关键字，匹配相同后放到搜索引擎的数据库中。（content内多个关键字用逗号分隔）Name 属性值：description 例子:Content内容为本网页的相关描述Name 属性值：Robots例子：告诉搜索引擎

10、放出的 spider 和 robots 根据content 里面的属性值来采取什么样的行动方式Content 值：1 index: 让spider 和robots 可以检索和收录该页面（默认值）Content 值：2 noindex 不让 spider和robots 不可以检索和收录该页面(搜索时会增加访问量，所以可以这么设置)Content 值：3 follow 让搜索引擎，顺着超链接继续往下走Content 值：4 nofollow 不让spiders和robots顺着超链接往前走Content 值：5 all 让piders和robots可以 index 可以 followContent

11、 值：6 none让piders和robots不可以 index 也不可以 followmetaName 属性值：generator例子：说明 编辑本网页的软件名称metaName 属性值：author例子：网页作者metaName 属性值：copyright例子：版权声明Http-equiv 属性值Http-equiv是用来模拟响应消息头的消息头可以说是 服务器给 浏览器发送的“暗号”，查看源码是看不见的http-equiv 属性值：Content-type:用来告诉浏览器该网页的mime类型和使用的字符集编码例如：告诉浏览器该文档为html文档，使用gb2312来编码(如果当前浏览器不是g

12、b2312，则自动设置为gb2312来编码此文档)http-equiv 属性值：refresh刷新浏览器例子：告诉浏览器：在1秒中后刷新当前网页到如果为： 则就是每隔1秒钟，自动刷新当前网页http-equiv 属性值：expiresExpires头用于设置网页的到期时间:解释,缓存页面后，以后浏览器都从缓存中读取，而不是从服务器上下载直到到期了，缓存页面无效，则又从服务器下载该页面 例子：如果将content设置为0，可以禁止浏览器缓存页面http-equiv 属性值：windows-target强制某个页面在某个固定窗口显示比如防止自己的网页被显示在frame中例子：强制显示最顶级窗口，就

13、不会被显示在frame中了http-equiv 属性值：pragma禁止浏览器在当前计算机缓存该页面例子：或者(后面这个更为可靠)来禁止缓存页面http-equiv 属性值：page-enter 或 page-exit在浏览器刚进入某个页面，或者离开某个页面时的特殊效果进入效果例子：（这里只有html代码，需要结合css）其中:transition为显示类型Duration为显示持续的时间 头元素里面包含的标签是：的属性：Href: 目标关联文件的url（必须的）Rel和rev 定义资源之间的关系类型(必选其一rel和rev一样）1 stylesheet: 外部样式表 例如 2 Shortcu

14、t Icon:浏览器地址栏图标，收藏夹图标（16*16px） 例如： (其他不常用，不列举) Title 说明2个连接之间的关系（可选）Type 目标资源的mime类型（ html- type=”text/html” css-type=”text-css” javascript-type=”text/javascript”）Media 用于说明目标资源被接收的 媒体 或介质（一个网页有多种输出方式，通过指定media属性，可让目标资源只能在特定的媒介上起作用） Media 值：screen（默认屏幕） ，print（打印机）， projection（投影机） ，aural（扬声器），braille(触觉感觉设备上供盲人使用)，tty（电传打字机），tv（电视机），all（所有以上设备都有效）。分区标签注意:是不能嵌套在之中的的强大主要显示在：客户端脚本编程 和 级联样式表与区别： 中是完整的一个html代码 可以嵌入在一个代码中 图片显示区别：源码：效果：中的aaa为一块区域，所以bbb换到下一行中的不换分隔开 所以为aaabbb2010年5月14日 17:47:08开始完成2010年5月15日 18:08:31