2020-10-28 难点:img的align属性,锚链接,name(名字实现交互)属性,fieldset 分组表单,label标签

一,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<
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值