HTML语言授课教学.ppt

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