网页设计与制作(HTML+CSS+JavaScript)2_HTML静态网页版面设置_电子课件.ppt

任务3：超链接的使用 二、制作其他作品页面 实例 采用相同的编码方式，改变嵌套表格右侧的作品展示部分代码，依次制作保存其他页面。 任务3：超链接的使用 【任务拓展】 一、外部链接 外部链接设置时一般需要书写绝对地址。 通过HTTP协议 语法：A href=http://……链接文字/A 网页中最常使用HTTP协议进行外部链接的是在设置友情链接时。 http://表明这是关于HTTP协议的外部链接，而在其后则输入网站 的网址即可。 格式 表示的含义 http:// 采用WWW服务进入万维网 ftp:// 通过FTP方位文件传输资料 telnet:// 启用Telnet mailto:// 直接启用邮件系统Email 实例 任务3：超链接的使用 【任务拓展】 二、下载文件 语法：A href=文件所在地址链接文字/A 在文件所在地址中设置文件的路径，可以是相对地址，也可以是绝对地址。 实例 谢谢大家 任务2：页面布局 2.6 表格 七、单元格的设定 th和td都是插入单元格标签，这两个标签必须嵌套在tr标签内，都是成对出现 th用于表头标签，表头标签一般位于首行或首列，标签之间的内容就是位于该单元格内的标签内容，其中的文字以粗体居中显示。 数据标签td就是该单元格中的具体数据内容，th和td标签的属性都是一样的，属性设定如表 综合实例 属性 描述 width/height 单元格的宽和高，接受绝对值（如80）及相对值（80%） colspan 单元格向右打通的栏数 rowspan 单元格向下打通的列数 align 单元格内容的水平对齐方式，可选值为：left、center、right valign 单元格内容的垂直对齐方式，可选值为：top、middle、bottom bgcolor 单元格的背景颜色 bordercolor 单元格边框颜色 bordercolorlight 单元格边框向光部分的颜色 bordercolordark 单元格边框背光部分的颜色 background 单元格的背景图片 任务2：页面布局 2.6 表格 七、单元格的设定 单元格大小-width，height 语法： td width=单元格宽度 height=单元格高度 默认情况下，单元格的大小会根据内容自动调整，也可以进行手动调整。 单元格高度和宽度的单位是像素，而对一个单元格的设置往往会影响多个单元 格。例如设第1行的第1个单元格的宽度，其他行的第1个单元格宽度往往也会随之变化。 实例 任务2：页面布局 2.6 表格 七、单元格的设定 水平跨度-colspan 语法： td colspan=跨的列数 单元格水平跨度是指在复杂的表格结构中，有些单元格是跨多个列的。 跨的列数就是这个单元格所跨列的个数，也可以说是单元格向右打通的单元格个数。 实例 任务2：页面布局 2.6 表格 七、单元格的设定 垂直跨度-rowspan 语法： td rowspan=单元格跨行数 单元格除了可以在水平方 向上跨列，还可在垂直方向上跨行。跨行设置需 要使用rowspan参数。 与水平跨度相对应，rowspan设置的是单元格在垂直方向上跨行的个数，也可以 说是单元格向下打通的单元格个数。 实例 任务2：页面布局 2.6 表格 七、单元格的设定 对齐方式-align，valign 语法： td align=水平对齐方式 valign=垂直对齐方式 单元格的对齐方式设置与行的对齐方式设置方法相似。 水平对齐方式的取值可以是left, center或right；垂直对齐方式的取 值可以是top、middle或bottom。 实例 任务2：页面布局 2.6 表格 七、单元格的设定 设置单元格的背景色 语法： td bgcolor=颜色代码 为了增加表格的绚丽，可以为不同的单元格分别设置不同的背景颜色。 实例 任务2：页面布局 2.6 表格 七、单元格的设定 单元格的边框颜色-bordercolor 语法： td bordercolor=颜色代码 单元格的边框颜色可以通过bordercolor参数单独设置。 实例 任务2：页面布局 2.6 表格 七、单元格的设定 设置单元格的亮边框-bordercolorlight 语法： td bordercolorlight=颜色代码“ 单元格的亮边框就是单元格边框向光的部分。通过bordercolorlight参数可以单独定义单元格亮边框的颜色。 实例 任务2：页面布局 2.6 表格 七、单元格的设定 设置单元格的暗边框-bordercolordark 语法： td bordercolordark=颜色代码“