第3章 图像、热点、CSS样式定义和应用.pptVIP

第三章 图像、热点、CSS样式定义与应用 回顾 HTML页面的文字布局 HTML页面的各种字体效果及滚动字符 课程目标 在HTML页中插入图像 设置图像热点 CSS样式定义及应用 通过本章的学习，可以使学生能够制作多彩的HTML页面。并且可以通过定义CSS样式表获得更多的页面效果 本章知识点 图像与热点类从哪里来？ CSS样式的定义与应用 图像与热点 插入图像 热点 插入图像 制作页面时，常需要在页面上添加一些图片，使我们的页面更加生动。HTML提供了img标记来处理图像输出 1．在网页中插入图像 HTML采用的图像格式有gif、jpg、png 3种 在网页中插入图像时，必须使用HTML的img标记 格式为：img src=图形文件地址 Body img src=chongzi.gif /Body 2．设置图像布局 “width=# 、height=# ”属性。此属性用来设定图片大小，此宽度及高度一般采用像素作单位 Body img src=chongzi.gif width=200 height=200 /Body 图片边框厚度 “border=# ” 属性用来设定图片边框厚度 Body img src=chongzi.gif border=5 /Body align=# 属性 此属性用来调整图片旁边文字的位置，你可以控制文