|
在网页上实现的图文混排效果，一般使用<img>的align = left或right设置，并且还要设置适当的hspace等属性，这样页面比较美观。
【例5】本例以介绍猫科动物为内容，演示了图文混排的效果。其中，各段前的两个空格是中文全角空格。
<html>
<head>
<title>itsway -- 图像</title>
</head>
<body>
<h3 align = "center">猫科动物</h3>
<p>
<img src = "cat1.jpg" border = "1" hspace = "10" align = "left" alt = "猫"> 猫科动物形状上十分相似，但大小不一。它们可都是敏捷的捕猎好手：悄悄接近猎物，然后猛扑过去。它们具有出色的立体视力，善辨颜色，在黑暗中也能看清楚。在眼睛后部有一个特殊的反光层，称为反光毯，它把光反射回视网膜。因此，猫科动物在弱光下也能看见。它们都有夜猎所需的敏感触须。</p>
<p><img src = "cat4.jpg" border = "1" hspace = "10" align = "right" alt = "猫"> "小猫"有28个种属。除体型小外，跟"大猫"十分相似。"小猫"会咕噜咕噜叫，但不会吼；"大猫"会吼，但不会咕噜咕噜叫。家猫的祖先是在欧洲和北非发现的野猫。美洲山猫和猞猁（山猫）长得特别，尾短，耳有鬣毛。许多"小猫"像豹猫那样，都有在森林中起伪装作用的斑点。</p>
<p> "大猫"老虎、猎豹、豹和美洲虎喜欢单独捕猎。它们通常偷袭不比自己大的中等体型的食草动物。狮子的捕食对象体积比自身大，攻击时采取群体方式，由一头成年雄狮率领，并有几只繁殖期的雌狮和幼狮参加。"大猫"只在饥饿时捕食，将捕杀的对象饱餐后就昏昏沉沉地睡上几天。
</p>
</body>
</html>
随意缩放浏览器窗口的大小，可以看到文字和图片的位置会"流动"，但总体效果还是很美观的。是不是有点大网站的效果？
上一篇：7.2 align、hspace和vspace属性 下一篇：7.4 图像的超链接
|
