Html教程(二).pptxVIP

Html教程（二）;图像标签一;插入图像 htmlbody p一幅图像： img src=eg_mouse.jpg width=128 height=128 /p p一幅动画图像： img src=eg_cute.gif width=50 height=50 /p p请注意，插入动画图像的语法与插入普通图像的语法没有区别。/p /body /html ;图像标签img属性（一）;htmlheadtitle替换文本/titlehead body p一幅图像： img src=chuan.jpg alt=大船 /p 请注意，给图片替换文本是一个好习惯。 /body /html ;基本的注意事项;相对路径和绝对路径;HTML相对路径(Relative Path);如何表示上级目录 ../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。 假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html在info.html加入index.html超链接的代码应该这样写： a href = ../index.htmlindex.html/a ;;;如何表示下级目录 引用下级目录的文件，直接写下级目录文件的路径即可。 假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\html\index.html在info.html加入index.html超链接的代码应该这样写： a href = html/index.htmlindex.html/a 假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html在info.html加入index.html超链接的代码应该这样写： a href = html/tutorials/index.htmlindex.html/a;HTML绝对路径(Absolute Path);图像标签img属性（二）;如何在文字中排列图像 html body h2未设置对齐方式的图像：/h2 p图像 img src =eg_cute.gif 在文本中/p h2已设置对齐方式的图像：/h2 p图像 img src=eg_cute.gif align=bottom 在文本中/p p图像 img src =eg_cute.gif align=middle 在文本中/p p图像 img src =eg_cute.gif align=top 在文本中/p p请注意，bottom 对齐方式是默认的对齐方式。/p /body /html ;图片标签img属性(三);如何使图片浮动至段落的左边或右边 html body p img src =eg_cute.gif align =left 带有图像的一个段落。图像的 align 属性设置为 left。图像将浮动到文本的左侧。 /p p img src =eg_cute.gif align =right 带有图像的一个段落。图像的 align 属性设置为 right。图像将浮动到文本的右侧。 /p /body /html ;图片标签img属性（四）;html head title设置水平和垂直间距/title /head body img src=hefang.jpg align=left vspace=10 hspace=20 b设置水平和垂直间距并不影响文字的显示位置/bbr 设置水平和垂直间距并不影响文字的显示位置br 设置水平和垂直间距并不影响文字的显示位置br 设置水平和垂直间距并不影响文字的显示位置br 设置水平和垂直间距并不影响文字的显示位置br 设置水平和垂直间距并不影响文字的显示位置br 设置水平和垂直间距并不影响文字的显示位置br 设置水平和垂直间距并不影响文字的显示位置br 设置水平和垂直间距并不影响文字的显示位置br 设置水平和垂直间距并不影响文字的显示位置br 设置水平和垂直间距并不影响文字的显示位置br 设置水平和垂直间距并不影响文字的显示位置br 设置水平和垂直间距并不影响文字的显示位置br 设置水平和垂直间距并不影响文字的显示位置br /body /html ;图片标签i