一,HTML 标签的 align 属性
定义和用法
<img>
标签的 align 属性定义了图像相对于周围元素的水平和垂直对齐方式。
<h2>未设置对齐方式的图像:</h2>
<p>图像 <img src ="/i/eg_cute.gif"> 在文本中</p>
<h2>已设置对齐方式的图像:</h2>
<p>图像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中</p>
<p>图像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p>
<p>图像 <img src ="/i/eg_cute.gif" align="top"> 在文本中</p>
<p>请注意,bottom 对齐方式是默认的对齐方式。</p>
效果如下:
详细说明
标准没有定义图像相对于其他文字和与其处于同一行中的其他图像的对齐关系。HTML
图像在行中出现时通常只伴有一行文字。而通常的印刷媒体,像杂志,则把文字在图像的周围进行环绕,这样就会有很多行文字与图像相邻,而不只是一行。幸运的是,文档设计者可以通过 标签的 align 属性来控制带有文字包围的图像的对齐方式。HTML 和 XHTML 标准指定了
5 种图像对齐属性值:left、right、top 、middle 和 bottom。left 和 right
值会把图像周围与其相连的文本转移到相应的边界中;其余的三个值将图像与其相邻的文字在垂直方向上对齐。Netscape 又增加了 4
种垂直对齐属性:texttop、absmiddle、baseline 和 absbottom,Internet Explorer 则增加了
center。注意:不同的浏览器以及同一浏览器的不同版本对 align 属性的某些值的处理方式是不同的。
注意:HTML 4.01 不推荐使用 align 属性,XHTML 1.0 Strict DTD 不支持该属性,同时 HTML 5
也不再支持该属性。
总结:img的align属性不赞成使用,可以使用 HTML/XHTML 表格来对齐内容。不过更好的方案是使用样式。
例如,margin-left 属性 可以对图像进行缩进,而 float 属性 可以实现文本包围图像的效果。
锚链接
<a href="#C4">查看 Chapter 4。</a>
<h2><a name="C4">Chapter 4<