|
| [技术文摘]PRE标签和hspace与vspace两标签 |
PRE标签和hspace与vspace两标签也许大家不曾怎么使用，我今天也才发现他们的作用，很强大，就像<pre>< /pre>它里面写内容就像在文本编辑器里面写内容，写出什么样的格式，在页面中显示出的就是什么样的格式，比如我在这里输出：
<pre style="color:red">
祝
各 位
情 人 节
快 乐
耶
</pre>
那么在网页中显示出来的 就是这样一种效果：
而如果你用空格什么的来布局那就显得很难看了，这是这个标签的作用。
下面是hspace与vspace两标签，一看到前面带有h、v我们就可以想到水平和垂直，那么这两个标签属性的作用就是：
hspace 属性可设置或返回图像的左边缘和右边缘的空白。
hspace 和 vspace 属性可与 align 一同使用，来设置图像与周围文本的距离。
例如（注意下面的1.gif图片换成你本地上的）：
<html>
<head>
<script type="text/javascript">
function setSpace()
{
document.getElementById("compman").hspace="50"
document.getElementById("compman").vspace="50"
}
</script>
</head>
<body>
<img id="compman" src="1.gif" alt="Computerman" align="right" />
<input type="button" onclick="setSpace()" value="点击出现效果">
</body>
</html>
当我们点击按钮的时候，图片分别距上50px的距离，向左也偏出50px的距离。这样也会在我们页面设计的时候派上用场。。。。。
最后希望大家多去参考下我们不熟悉的标签或标签属性，有些总能让你产生意想不到的效果，帮我们节省很多时间！！！！！
|
|
数据载入中......
|
