您的位置:首页 > 运维架构 > 网站架构

《HTML&CSS设计与构建网站》第五章 图像

2018-03-14 11:46 567 查看

添加图像:

<img>
src:提供图片路径;
alt:对图片进行文本说明,无法查看图片时会出现。
title:鼠标悬停显示title内容。
width:默认为像素,可以不带单位。
height:默认为像素,可以不带单位。

图像的位置:

插入图像的位子在段落之前:段落会在图像之后另起一行显示;
插入图像的位子在段落起始处(即p标签和其内容之间):段落文本的第一行将与图片底部对齐。

插入图像的位子在段落之中:也是之中。
块级元素总是另起一行显示。内联元素位于块级元素中,并且不会另起一行显示。

图像的对齐:

align属性:left right top middle bottom

HTML5中的图形:

<figure>包含图像以及对图像的说明
<figcaption>图像的说明
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: