繁體中文当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > 图像详述
- WEB设计综合
- 使Flash页面通过校验
- WEB 标准剖析
- 制作网页中的渐变背景
- 表格特效代码全集
- Photoshop 打造金属指环
- 网页标准中链接属性 rel 与 target
- HTML在线编辑器的调用及使用方法
- div+css设计网页时浮动问题的解决方法
- 解决XHTML+CSS2.0式的页面结构在IE5和IE5.5下的BUG
- WAP 开发出现的中文显示问题
- 详细的IMG,IFRAME的属性参考
- 可通过XHTML1.0校验的Flash嵌入代码
- 在IE和FIREfOX下正常显示的网页内嵌播放器代码
- 使 XHTML Strict 支持 target 标签
- 语言（文化）代码与国家地区对照表
- 网站设计技术规范
- 点击连接时不出现虚边框的方法
- 制作1px边框表格的几种方法
- 图片横向连续滚动的代码
- 合理架构css
WEB设计综合 中的 图像详述
Adding Images
添加图像
Placing images on your site is very easy. Use the following code:
在站点中添加图像是很简单的事情，你可以使用下面的代码：
| <img src="image.jpg" width="width of image goes here" height="height of image goes here" alt="describe your image here"> |
The width and height isn't needed, but it helps the image load faster and can be used to change the size of the image. Also, alt isn't required. This is used in place of the image if it can not be found on the server.
“width[宽度]”和“height[高度]”并不是一定要书写的，但是，它有助于更快地加载图像，并用作改变图像的尺寸。同样的，“alt”指令也并不是必需的，它的作用是，如果浏览器不能加载服务器端的图像，那么，它将显示“alt”中的文本内容。
Image Aligning
图像排列
In order to have text or other objects wrap around an image, you need to use the align tag. It's inserted just like this:
为了能够实现文本在图像旁边的环绕效果，你就需要使用“align[排列]”标签。你可以插入下面这段代码：
| <img src="screen.jpg" align="left or right goes here" width="width of image goes here" height="height of image goes here" alt="describe your image here"> |
ex. （不包括）
| <img src="images/screen.jpg align="right" width="76" height="110" alt="Screen"> |
Adding space around an image
在图像周围添加空白空间
To add an invisible border to an image use:
为图像添加一个不可见的边框：
hspace="x" (add space to the left and right sides of the image)
hspace="x" （在图像的左右两边添加空白空间）
vspace="x" (add space to the top and bottom of the image)
vspace="x" （在图像的上下两边添加空白空间）
Adding space around an image
在图像周围添加空白空间
To add an image as the background of your page, use the following to the body command:
你可以通过下面这段代码，为页面添加一张图像背景，记住，将它放置在body命令中：
| <body background="image url"> |
评论 (0) All
