html语言-电子相册制作.pptVIP

过度页4 * 过度页5 * 08机电1班 Electrical and Mechanical My class one 08机电1班 Electrical and Mechanical My class one 第一部分 Electrical and Mechanical My class one, our home 第二部分 Electrical and Mechanical My class one, our home 第三部分 Electrical and Mechanical My class one, our home 班风展示 08机电1班 Electrical and Mechanical My class one HTML语言 ——电子相册制作 html hypertext markup language 超文本标记语言 head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 title 元素 title元素定义HTML文档的标题。title与/title之间的内容将显示在浏览器窗口的标题栏。 复 习 复习 body元素表明是HTML文档的主体部分。 文字属性标记font../font font color=# face=# size=# ... /font h1…/h1 h2…/h2 多级标题 p…/p段标记 br 换行符 电子相册 电子相册 图片的插入（重点） 图片的超级链接（重点） 图片的滚动效果（难点） 教学目标 图片的插入（重点） 图片的超级链接（重点） 图片的滚动效果（难点） 教学目标 第一部分 图片的插入 总体概况 图片的插入 调研方法 第一部分 基本语法: img src=“图片名称” width=像素 height=像素 引用图片必须用img元素标志。img元素下的基本元素属性是src属性，src的属性值为所引用的图片的URL地址。 width指定图片的宽度，height指定高度。它们的属性值可以是像素，也可以是% 图片的插入 调研方法 第一部分 基本语法: img src=“图片名称” width=像素 height=像素 引用图片必须用img元素标志。img元素下的基本元素属性是src属性，src的属性值为所引用的图片的URL地址。 width指定图片的宽度，height指定高度。它们的属性值可以是像素，也可以是% 第一部分 图片的插入 第二部分 图片的超级链接 图片的超级链接 第二部分 图片的超级链接 图片的滚动效果 第二部分 第三部分 建议总结 Proposals 图片的滚动效果 第三部分 基本语法 marquee direction=# scrollamount=# ... /marquee 图片移动属性 (1)方向 ：direction=# #=left, right,up,down (2)速度: scrollamount=# 图片的滚动效果 第三部分 作 业 请同学们课后尝试着把自己或者同学、家人的照片制作成电子相册，一定要融入自己的创意，完成后把作品发到老师的邮箱 * 过度页1 * 过度页2 * 过度页3 * 08机电1班 Electrical and Mechanical My class one 08机电1班 Electrical and Mechanical My class one 第一部分 Electrical and Mechanical My class one, our home 第二部分 Electrical and Mechanical My class one, our home 第三部分 Electrical and Mechanical My class one, our home 班风展示 08机电1班 Electrical and Mechanical My class one * 过度页1 * 过度页2 * 过度页3 * 过度页4 * 过度页5 *