HTML（四）图像，表格

HTML 图像

插入动图的语法和静态图的语法是一样的

HTML 图像- 图像标签（ ）和源属性（Src）

一个来自文件夹中的图像:

一个来自网站的图像:

alt 属性用来为图像定义一串预备的可替换的文本,
当图像未显示时就有用了

图片在文字中位置

默认对齐的图像 (align="bottom"):

这是一些文本。 这是一些文本。

图片使用 align="middle":

这是一些文本。 这是一些文本。

图片使用 align="top":

这是一些文本。 这是一些文本。

图片浮动

一个带图片的段落，图片浮动在这个文本的左边。

一个带图片的段落，图片浮动在这个文本的右边。

• 创建图像链接:往链接里放图片

• 创建图像映射

HTML 图像标签

定义图像
定义图像地图
定义图像地图中的可点击区域

实例

1、矩形：(左上角顶点坐标为(x1,y1)，右下角顶点坐标为(x2,y2))

2、圆形：(圆心坐标为(X1,y1)，半径为r)

3、多边形：(各顶点坐标依次为(x1,y1)、(x2,y2)、(x3,y3) ......)

HTML 表格

表格实例

row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

边框宽度 : 向下取整
行 列

加表头(Heading)

对应的想加表头的地方把

换成

加标题 (caption)

在

跨行或跨列的表格单元格

跨行

Telephone
跨列Telephone:

表格内标签的实例

这是一个段落 这是另一个段落	这个单元格包含一个表格: A B C D
这个单元格包含一个列表 apples bananas pineapples	HELLO

单元格边距

单元格间距

定义表格列的组

定义用于表格列的属性

页眉 主体 页脚

他们放在

或之外,不影响布局,但是可以统一进行修饰

posted @ 2019-07-02 20:46 鹏懿如斯 阅读( ...) 评论( ...) 编辑 收藏

刷新评论 刷新页面 返回顶部

公告

Copyright ©2019 鹏懿如斯

转载于:https://www.cnblogs.com/peng8098/p/html_4.html