教学项目十HTML图片与声音标志的使用 教学内容】 讲解HTM标准中的图片及声音标志 教学目的】 使学生掌握图片标志,声音标志及相应的属性,学会利用 标志在网页中插入声音与图片
教学项目十 HTML图片与声音标志的使用 【教学内容】 讲解HTML标准中的图片及声音标志 【教学目的】 使学生掌握图片标志,声音标志及相应的属性,学会利用 标志在网页中插入声音与图片
新课】 图片标志img的使用 1.语法 < Img src=图片文件路径及名称〉 与ing配合使用的属性 src 指定图片所在位置及文件名 aign:设置文字与图片的对齐方式 border:设定图片外框 vspace:设定图片与文字垂直方向间隔 hspace:设定图片与文字水平方向音隔 width:调整图片宽度 height:调整图片高度 alt:浏览器无法正常显示图片时,显示alt指定的文字
【新课】 一、图片标志img的使用 1． 语法 与img配合使用的属性： src: 指定图片所在位置及文件名 align: 设置文字与图片的对齐方式 border:设定图片外框 vspace:设定图片与文字垂直方向间隔 hspace:设定图片与文字水平方向音隔 width: 调整图片宽度 height:调整图片高度 alt: 浏览器无法正常显示图片时，显示alt指定的文字
例 插入图片,宽度400,高度280,垂直居中对齐 这是使用ing插入的图片 Khr color-green size=4> King src=0374. jpg width=800 height=240 align=middle> K/body
例1： 插入图片，宽度400，高度280，垂直居中对齐 图片插入例子 这是使用img插入的图片
召图片插入例子- Microsoft Int ernet Exp1orer 文件①编辑①)查看①收藏()工具①)帮助0 ⊙后·国团搜收藏来曾媒体的应,,回当 地址①)G:1 FrontPage(s0m1e2719htm 转到链接” 这是使用img插入的图片 99-记事本 文件)编辑)格式)查看α)帮助 html> 图片插入例子 4P>这是使用im插入的图片 完等 3我的电 3图片插入例,3Mast,·99-记事本 E216:56
例2将图片设置为背景 图片背景的使用-夏 icrosoft Internet Expl 件吧)编辑)查看Q收藏)工具)帮助Q ⊙后·哈索收实的媒体,國,口 地址①)eG: FrontPage\sam1e271=2htm ∽转到链接” 爱情是什么 颗洋葱头,一片片剥下去,总有一片让你泪 老爸说 是 不住自己的喷嚏和鼻涕; 啁啾的鸟,总 处飞,但又总要找个栖息的角落; 而嗜饮咖啡的我更愿意说:爱情 浓的咖啡 开始。「2a·精品课程a1xa1「新建,,强图片背
例2.将图片设置为背景
<> Head> p font size=6face=隶书 color= green>爱情是什么 /center/p) p>老妈说:爱情是颗洋葱头,一片片剥下去,总有一片让你泪流 满面 老爸说:爱情是感冒,既瞒不了自己,也瞒不了别人,因为你 抑制不住 自己的喷嚏和鼻涕;朋友说:爱情是只啁啾的鸟,总想往高处 飞,但又 总要找个栖息的角落;而嗜饮咖啡的我更愿意说:爱情是一杯 香浓的咖啡
图片背景的使用 爱 情是什 么 老妈说：爱情是颗洋葱头，一片片剥下去，总有一片让你泪流 满面； 老爸说：爱情是感冒，既瞒不了自己，也瞒不了别人，因为你 抑制不住 自己的喷嚏和鼻涕；朋友说：爱情是只啁啾的鸟，总想往高处 飞，但又 总要找个栖息的角落；而嗜饮咖啡的我更愿意说：爱情是一杯 香浓的咖啡
例3.视频的插入 在标志ing中使用属性 dynsrc,可以在网页在加入视频 aG:Front Page\sample2213htm- icrosoft Internet Explorer □ 交件)编精)查看0收藏)工具)帮助吼 ⊙后·哈搜索收夹的媒体的,品圆,回 地址Q)e]G:\ rontPage\samp12213.htm M转到链接 向左走向合走 3-记事本 回回 文件)编辑)格式①)查着帮助 1 我的电脑 精品课程回「D5记事本2o
例3.视频的插入 在标志img中使用属性dynsrc,可以在网页在加入视频
程序代码如下 Centers K/body K/html
程序代码如下:
例4图片滚动效果的实现
例4.图片滚动效果的实现
二.标志 embed的使用 使用标志 embed可以实现在网页中插入声音,视频动画等效 < embed src=文件名 width-窗口宽度 height窗口高度〉 例5:在网页中插入音频
二.标志embed的使用 使用标志embed可以实现在网页中插入声音,视频,动画等效 果. 语法: 例5:在网页中插入音频