商务网页第6课.pptxVIP

3.3.3 设置图像显示尺寸如果需要将图像按照一个固定的尺寸显示，就需要使用图像标签img的width（宽度）、height（高度）属性。注意：控制图像显示尺寸的width、height属性主要是用来微调图像尺寸的，如果图像尺寸的原始尺寸与显示尺寸差距过大，应当使用图像处理工具将图像处理成接近显示尺寸，然后再用width、height属性精确控制实现尺寸。这样做可以有效防止图像失真，或图像过大。设置图像尺寸的方法如下：img src=图像名称 width=属性值 height=属性值 /其中，宽度、高度的属性值有两种表示方法：固定值法（如像素）和百分比法。使用像素法时，属性值可以是任意像素值，但必须在显示器可显示的像素范围内；使用百分比法时，是按照图像显示容器（如浏览器窗口、表格单元等）尺寸的百分比来计算的，显示的图像随着容器显示尺寸的变化而变化，属性值通常位于1%～100%之间。设置两个图像的尺寸：一个是按照固定的像素值设定的，另一个是按照百分比设置的，我们观察两种方法的不同。html head title图像尺寸设置/title /head body h1 align= center设置图像尺寸/h1 font color=black face=宋体 size=5 这是云之雷科技有限公司的Logo /font br img src=sdlogo.png width=80 height=80/ !--第一个图像按照固定的80像素×80像素的尺寸显示-- img src=sdlogo.png width=25% height=25%/ !--第二个图像按照显示窗口的25%显示-- /body/html3.3.4 设置图像对齐方式图像的对齐方式是相对于图像所在容器中的相对位置来说的，比如段落、表格等。设置图像相对于周围元素的对齐方式，需要使用图像标签img的align属性。设置方法为img src=图像文件名称 align=属性值 /图像属性“align”的属性值有5个，分别是：left（把图像对齐到左边）、right（把图像对齐到右边）、middle（把图像与中央对齐）、top（把图像与顶部对齐）、bottom（把图像与底部对齐）注意：通常元素的align属性只有left、middle、right属性，没有top、bottom属性。html head title图像上对齐设置/title /head body h1 align= center上对齐/h1 p font color=black face=宋体 size=4 img src=book/book1.jpg width=160 height=160 align=top/传统商务的交易过程中的实务操作由交易前的准备、贸易磋商、合同与执行、支付与清算等环节组成。其中交易前的准备就是交易双方都了解有关产品或服务的供需信息后，就开始进入具体的交易协商过程，交易协商实际上是交易双方进行口头协商或书面单据的传递过程。 /font /p /body/html设置图像左对齐、右对齐、下对齐、中央对齐的方法相同，图像标签的align属性值分别为“left”“right”“bottom”“middle”。在HTML5中，img标签不再支持“align”属性，采用“align”属性设置图像对齐方式可能会出现不正常的现象。3.3.5 设置图像替换文本有时因为图像引用错误、图像丢失、浏览器限制等原因，浏览器端无法正常显示图像。如果无法显示图像，浏览器将显示替代文本。使用替代文本的好处是：即时无法看到图像，也能知道图像的内容是什么。替代文本可以是任何文本内容，但需要言简意赅地表达图片的内容或意义。设置图像替换文本需要使用图像标签img的alt属性，设置方法如下：img src=图像文件名称 alt=替代文本内容实例 /html head title图像替换文本/title /head body h1 align= center设置图像替换文本/h1 br img src=computer2.jpg width=300 height=300 align=left alt=计算机——台式机图片/ /body/html3.3.6 设置网页背景图像与背景颜色1．设置背景图像漂亮的网页，通常采用图像作背景，烘托网站主题。设置网页背景图像需要使用文档主体标签body及其“background”属性，设置方法为body background=图像名html head title网页背景图像示例/title /head body background=img1.jpg /body/htmlhtml head title网页平铺背景图像示例/title /head body background=i