HTML-3.ppt

HTML超文本标识语言 胡崧 2020 1 24 胡崧 2020 1 24 HTML超文本标识语言 HTML对图片的控制 1基本语法 引用图片必须用元素标志 元素下的基本元素属性是src属性 src的属性值为所引用的图片的URL地址 src属性是必须的 Src的URL可以是绝对地址 也可以是相对地址 胡崧 2020 1 24 HTML超文本标识语言 HTML对图片的控制 2所谓图片的替代文本 指图片不能显示时在图片所在位置显示的一段文本或当鼠标移到图片上时也会显示替代文本 定义图片替代文本的方法是 胡崧 2020 1 24 HTML超文本标识语言 HTML对图片的控制 3图片的显示大小我们可以指定一幅图片在浏览器窗口里的显示大小 定义图片的显示大小的方法是 width指定图片的宽度 height指定高度 它们的属性值可以是象素 也可以是 胡崧 2020 1 24 HTML超文本标识语言 HTML对图片的控制 4图片的边框我们可以为一幅图片加一个边框以突出显示 border的属性值为象素数 胡崧 2020 1 24 HTML超文本标识语言 HTML对图片的控制 5图片的对齐方式图片可以相对于页面或单元格有一个对齐方式 定义水平对齐方式的方法是 胡崧 2020 1 24 HTML超文本标识语言 HTML对图片的控制 6图片的对齐方式定义图片的垂直对齐方式 对于图片的对齐方式不仅是以上几种 但是以上的几种是最常用的 胡崧 2020 1 24 HTML超文本标识语言 HTML对图片的控制 7定义图片与左 右的文本之间的间距图片在显示时 与左右的文本之间可以有一定的间距hspace定义水平间距 vspace定义垂直间距 单位都是象素数 胡崧 2020 1 24 HTML超文本标识语言 HTML对图片的控制 8图象的默认超级链接图象的默认超级链接是指整个图象的超级链接 当点击图象的任何部分时 都会打开这个超级链接 定义默认超级链接的方法是 所以 所谓默认超级链接实际上就是用元素标志一个图象的引用 胡崧 2020 1 24 HTML超文本标识语言 HTML对图片的控制 9图象映射所谓图象映射是指一个图片上的不同位置被指定了不同的超级链接 点击图片的不同位置会打开不同的超级链接目标 这与前面的默认超级链把整个图片作为超级链接的元素是很不一样的 胡崧 2020 1 24 HTML超文本标识语言 HTML对图片的控制 10图象映射图象映射由定义 有一个基本属性是name Name给图象映射命名 这个命名将会被元素用usemap属性引用 所以 图象上的图象映射实际上是对定义的映射的一个引用 在定义图象映射时 可以定义三种形状的映射 circle 圆形 rect 方形 poly 多边形 胡崧 2020 1 24 HTML超文本标识语言 HTML对图片的控制 11图象映射实例 胡崧 2020 1 24 HTML超文本标识语言 表格 TABLE 标记 1 1 元素 定义一个表格 这是每一个表格必须的元素 每一个表格只有一对和 一张页面中可以有多个表格 2 元素 定义表格的行 一个表格可以有多行 所以对于一个表格来说不是唯一的 3 元素 定义表格的一个表格单元 每行可以有不同数量的单元格 在和之间 将出现表格的每一个单元格里的具体内容 需要注意的是 上述的三个元素必须 而且只能够配对使用 缺少任何一个元素 都无法定义出一个表格 胡崧 2020 1 24 HTML超文本标识语言 表格 TABLE 标记 2表格的基本语法定义表格定义表头定义表行 定义单元格 胡崧 2020 1 24 HTML超文本标识语言 表格 TABLE 标记 3表格元素的属性 11 width属性 指定表格或某一个表格单元格的宽度 单位可以是 或者象素 2 height属性 指定表格或某一个表格单元格的高度 单位可以是 或者象素 3 border属性 表格边线粗细 胡崧 2020 1 24 HTML超文本标识语言 表格 TABLE 标记 2表格元素的属性 14 bordercolor属性 指定表格或某一个单元格的边框颜色 5 Bordercolorlight属性 亮边框的颜色6 Bordercolordark属性 暗边框的颜色 胡崧 2020 1 24 HTML超文本标识语言 表格 TABLE 标记 3表格元素的属性 27 bgcolor属性 指定表格或某一个单元格的背景颜色 8 background属性 指定表格或某一个单元格的背景图片 其属性值为一个URL地址 胡崧 2020 1 24 HTML超文本标识语言 表格 TABLE 标记 3表格元素的属性 29 align属性 指定表格或某一个单元格里的内容 文本 图片等 的对齐方式 胡崧 2020 1 24 HTML超文本标识语言 表格 TABLE 标记 3表格元素的属性 210 cellspacing属性 单元格间距 11 cellpadding属性 单元格边距 胡崧 2020 1 24 HTML超文本标识语言 表格 TABLE 标记 4单元格属性1 valign属性 指定某一个单元格里的内容 文本 图片等 的垂直对齐方式 垂直对齐方式的属性值包括 top 顶端对齐 middle 居中对齐 bottom 底端对齐 Baseline 相对于基线对齐 胡崧 2020 1 24 HTML超文本标识语言 表格 TABLE 标记 5单元格属性2 Colspan 属性值表示当前单元格跨越几列3 Rowspan 属性值表示当前单元格跨越几行 胡崧 2020 1 24 HTML超文本标识语言 表格 TABLE 标记 6行属性1 valign属性 指定某一个单元格里的内容 文本 图片等 的垂直对齐方式 垂直对齐方式的属性值包top 顶端对齐 middle 居中对齐 bottom 底端对齐 Baseline 相对于基线对齐 胡崧 2020 1 24 HTML超文本标识语言 表格 TABLE 标记 7行属性2 align属性 指定表格或某一个单元格里的内容 文本 图片等 的对齐方式3 height属性 指定表格或某一个表