图像CSS样式定义和应用浮动窗体.pptVIP

图像、CSS样式 定义与应用 浮动窗体  提间 ◎设置标题用哪个标签? ⊙段落的设置用哪个标签? ⊙文本字体的设置用那个标签?列举出2个属 性 懷动字符有那个标签栾控制?默认的湍动 方向是怎么样的? ⊙清单的分类  本讲目标 ⊙理解在页面中如何插入图像 ⊙拿握CSS样式定义及应用 ⊙拿握HTML页面的浮动窗体  在网页中入圈像 HTML采用的图像格式有gif、jg、png3址⑩圓果件每-回 在网页中插入图像射,必须使用HTML的i1 语语rC=图形文件地址 LIVERPOOI FOOTBALL CLU C=liwupu jpg / Body 这个图形文件可以是本地机上的图形,也可以是 位于远程主机上的图形  2。设量圈像布局  width=#、 height=#”属性。此属性用来设定图片 大卜此宽度及高度一般采用像素作单位 地址四·转到键接” Body img src=liwupu jpg width =120 height=160 Bo绽只谩为图片的真实大小,以免失真,若一、 小最好使用图像编辑工具  图片边框厚度 “ border=”属性用来设定图。 庹 地址国转到锤接 Body king src=liwupu jpgborder=! /Body g我的电腐  ALGN=属性 此属性用来调整图片旁边文字的位置,你可以控 制文字出现在图片的偏上方、中间、底部、左右 等,可选值:top iddle bottom left righ十 内定为 botton 地址回 守接到接 Body 定风波-苏轼 img src=bamboo. JPG a 莫听穿林打叶声 hspace=20 问妨吟啸且徐 竹枚芒鞋轻阻马 h3ain= center定风 谁怕?一蓑烟雨任 平生。料峭春风吹 酒醒,徽冷,山头 莫听穿林打叶声,何妨 斜照却相迎。回首 烟雨任平生。料峭春风 向来萧瑟处,归 萧瑟处,归去,也无风 去,也无风雨也无 o /Body  ALT=四属性 此属性是用以描述该图形的文字,若用户使用文字浏 览器,由于不支持图片,这些文字会代替图片而被星示。 若在支持图片显示的浏览器,当鼠标移至图片上该些文字 地址凹包E课件写第三·转到链接 今星 示例 材遇  Img src= bamboo.JPGat=岁寒三方 /Body  在HTML中插入图片用什么标签? ◎图片标签中的常用属性有那些?  ⊙CSS就是 Cascading Style Sheets,中文翻译为 层叠样式表”,简称样式表,它是一种制作 网页的新技术 ⊙CS5是一种用来装饰HTML的标记集合,是对 HTML标记的一种扩展,可以进一步美化HTML 页面