web技术html语言解说.ppt

第十讲 web技术 --html语言 * * * * 2. 绝对路径 包括完整的协议名称,主机名称,文件夹名称和文件名称 其格式为 ： 通讯协议 ://服务器地址:通讯端口/文件位置....../文件名 例如： 含义:表明采用 http 从名为 的服务器上的目录 web 中获得文件index.html . 3.相对路径 表述源端点同目标端点之间的相互位置 目标锚与源锚的位置密切相关 有3种相对关系： (1)目标锚和源锚在同一路径下：直接使用目标锚名字 要求：在21.htm中链接到22.htm 则可以直接使用“22.htm” . 有3种相对关系： (2)目标锚位于源锚所在目录的子目录中：只需先逐层输入子目录名，然后加/分隔，再输入目标锚名 ①要求：在21.htm中链接到nav.gif， 则可以使用images/nav.gif ②要求：在21.htm中链接到back.jpg， 则可以使用images/more/back.jpg 3. 相对路径 . 有3种相对关系： (3)目标锚位于源锚所在目录的上级目录中： 用“../”表示当前目录的上一级目录 先逐层表达上一级目录，加“/”分隔，再输入目标锚名 ①要求:在index.htm中链接到21.htm 则可以使用../21.htm ②要求:在display.htm中链接到21.htm 则可以使用../../21.htm ③要求:在display.htm中链接到back.jpg 则使用../../images/more/back.jpg 3. 相对路径 . 格式：a href=资源地址 target=窗口名称 title=指向连接显示的文字超链接名称/a 属性href定义了这个链接所指的目标地址 target:该属性用于指定打开链接的目标窗口，其默认方式是原窗口 Title:该属性用于说明指向链接时所显示的标题文字(悬停提示tips) 1.基本语法 超级链接标记a 例1 外部页面链接a href= target=_blank title=进入仲恺农学院仲恺农业工程学院/a 2.例子 . 形式:点击图片实现链接目标锚 a href=URL img src=images/index.jpg/ /a 源锚 . 图片链接 1.表格的重要性 表格的使用是网页制作时非常重要的技巧 可以方便灵活的排版 以前很多大型网站都是借助表格来排版 2.表格的组成 表格标题 表格头部 表格行 单元格 行 表头 单元格 . 10.7 表格 表格概述 二.表格标记 标记示例 注意1:th/th也要放置在tr中,但其内容粗体居中显示. table ... caption.../catpion tr th.../th /tr tr td.../td /tr /table . 1.table主要属性 属 性 描 述 width、 height 表格的宽度/高度，可以设置为百分比 border 表格框线的宽度（以像素为单位） bordercolor 表格边框颜色 frame 设置表格外部边框的显示状态 rules 设置表格内部分隔线的显示状态 border=1 border=0 rules=rows ,即只显示行分隔线 rules=cols ,即只显示列分隔线 rules=none ,即不显示分隔线 frame=box ,默认显示边框 frame=above ,即显示上边框 frame的值 描 述 box 显示整个表格边框 void 不显示表格边框 hsides 只显示表格的上下边框 vsides 只显示表格的左右边框 frame的值 描 述 alove 只显示表格的上边框 below 只显示表格的下边框 lhs 只显示表格的左边框 rhs 只显示表格的右边框 . 表格属性 2.单元格td的主要属性 属 性 描 述 width/height 单元格的宽和高，可以是绝对值（如 80）及相对值（如 80%） align 单元格中内容等的水平对齐方式，可选值为： left, center, right。 valign 单元格中内容等的垂直对齐方式，可选值为： top, middle, bottom。 colspan 单元格合并的列数 rowspan 单元格合并的行数 colspan=“n”表示合并的列数，例colspan=2表示这一格的宽度为两个列的宽度 rowspan=“n”表示合并的行数，例rowspan=2表示这一格的高度为两个行的高度 3.单元格的合并 table border=1cellspacing=0 tr th colspan=3 学生基本信息/th th colspan=2成 绩/th /tr tr th姓 名/t