教学项目十HTML图片与声音标志的使用 教学内容】 讲解HTM标准中的图片及声音标志 教学目的】 使学生掌握图片标志,声音标志及相应的属性,学会利用 标志在网页中插入声音与图片
教学项目十 HTML图片与声音标志的使用 【教学内容】 讲解HTML标准中的图片及声音标志 【教学目的】 使学生掌握图片标志,声音标志及相应的属性,学会利用 标志在网页中插入声音与图片
新课】 图片标志img的使用 1.语法 < Img src=图片文件路径及名称〉 与ing配合使用的属性 src 指定图片所在位置及文件名 aign:设置文字与图片的对齐方式 border:设定图片外框 vspace:设定图片与文字垂直方向间隔 hspace:设定图片与文字水平方向音隔 width:调整图片宽度 height:调整图片高度 alt:浏览器无法正常显示图片时,显示alt指定的文字
【新课】 一、图片标志img的使用 1． 语法 <img src=图片文件路径及名称> 与img配合使用的属性： src: 指定图片所在位置及文件名 align: 设置文字与图片的对齐方式 border:设定图片外框 vspace:设定图片与文字垂直方向间隔 hspace:设定图片与文字水平方向音隔 width: 调整图片宽度 height:调整图片高度 alt: 浏览器无法正常显示图片时，显示alt指定的文字
例 插入图片,宽度400,高度280,垂直居中对齐 <htmI Head < title图片插入例子 title </head> <body <p>这是使用ing插入的图片</p> Khr color-green size=4> King src=0374. jpg width=800 height=240 align=middle> <br> K/body </html>
例1： 插入图片，宽度400，高度280，垂直居中对齐 <html> <head> <title>图片插入例子</title> </head> <body> <p> 这是使用img插入的图片</p> <hr color=green size=4> <img src=0374.jpg width=800 height=240 align=middle> <br> </body> </html>
召图片插入例子- Microsoft Int ernet Exp1orer 文件①编辑①)查看①收藏()工具①)帮助0 ⊙后·国团搜收藏来曾媒体的应,,回当 地址①)G:1 FrontPage(s0m1e2719htm 转到链接” 这是使用img插入的图片 99-记事本 文件)编辑)格式)查看α)帮助 html> <head> < title>图片插入例子< title </head> <body> 4P>这是使用im插入的图片</p <hr color=green size=4> <ing src=0374jpg width=800 height=240 align=middle> </body> </htmI> 完等 3我的电 3图片插入例,3Mast,·99-记事本 E216:56
例2将图片设置为背景 图片背景的使用-夏 icrosoft Internet Expl 件吧)编辑)查看Q收藏)工具)帮助Q ⊙后·哈索收实的媒体,國,口 地址①)eG: FrontPage\sam1e271=2htm ∽转到链接” 爱情是什么 颗洋葱头,一片片剥下去,总有一片让你泪 老爸说 是 不住自己的喷嚏和鼻涕; 啁啾的鸟,总 处飞,但又总要找个栖息的角落; 而嗜饮咖啡的我更愿意说:爱情 浓的咖啡 开始。「2a·精品课程a1xa1「新建,,强图片背
例2.将图片设置为背景