html图片标签(单标记行内标签)

来源：互联网 2023-03-16 19:11:26 129

html图片标签(单标记行内标签)

图片的格式 jpg png gif

要求：一个文件夹，把图片和文件放到文件夹中

格式

img 属性=”属性值”/>

图片的属性：

1). Src 图片的路径

2). Width 图片的宽度

3). Height 图片的高度

4). Border 图片的边框（黑色的边框）

5). Align（用css来实现）图片的和周围元素之间的水平或垂直对齐方式取值 left /right/top/middle/bottom

6). Hspace 图片和左右文本之间的间距

7). Vspace 图片和上下文本之间距离

8). Alt 图片的说明

如果图片等比例变化只改变width或height(该一个)

图片的名称不能是中文

图片能缩小（防止失真）

工具/原料

html

方法/步骤

11.表格（块标签）

表格的格式

table>

tr>

td>内容（图片动画）/td>

/tr>

tr>

td>内容（图片动画）/td>

/tr>

/table>

html图片标签(单标记行内标签)

2. 表格的属性

1). border 表格的边框（边框默认是值是0）

2). bordercolor 表格边框颜色例如 bordercolor=”red”

3). width 表格宽度

4). Height 表格高度（w3c不推荐使用高度）

5). Bgcolor 表格背景颜色

6). Background 背景图片（修饰作用，在背景图片的上方可以放内容）背景图片的优先级高于背景颜色

7). Cellpadding 表格中的单元格和内容之间的距离

8). Cellspacing 表格中的单元格和单元格之间间距

9). Rules 合并表格单元格的边框线取值:all

例如

html图片标签(单标记行内标签)

3.效果

html图片标签(单标记行内标签)

4.td>的属性

1). Align 水平的对齐方式 left center right

2). Valign 垂直的对齐方式 top center bottom

3). Bgcolor 单元格的背景颜色

4). Background: 单元格的背景图片

5). Width 单元格的宽度

6). Height 单元格的高度（如果在行里设置，那么就不用设置）

7). Colspan 横向合并例如colspan=”3”

8). Rowspan 纵向合并例如 rowspan=”2”纵向合并的单元格属于上面的单元格

html图片标签(单标记行内标签)

4此文章未经许可获取自百度经验

5.链接标签

格式 a 属性=”属性值”> 内容 /a>

链接的属性

1 Href 目标文件的地址 url, url 绝对地址相对地址

2 Target 目标文件的显示窗口

_blank 在新的窗口中打开目标文件。

_self 在当前窗口中打开目标文件（默认）

_parent 在父窗口中打开目标文件。

_ top 在最顶端的窗口中打开目标文件。

_parent 和 _top 框架结构中（第四讲）

3 Name 定义锚点的名称

绝对地址

（网络地址）

互联网上的独立地址，通过这个地址可以直接访问到目标文件

a href=” ”>淘宝/a>

（本地地址）测试用 file:///。

html图片标签(单标记行内标签)

6.特殊链接

1.下载链接：

哪些文件不用下载：.html ,.jpg,.png ,.txt

下载：.zip , .rar, .doc

2.空链接

a href=”#”>链接的内容/a>

3.邮件链接

a href=mailto:邮箱地址>内容/a>

a href=mailto:zhangsan>内容/a>

4.Javascript 链接

a href=”javascript:window.close();”>关闭/a>

火狐浏览器不能关闭

html图片标签(单标记行内标签)

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： HTML 互联网

上一篇：ps如何将图片保存为HTML网页格式下一篇：点击事件onclick怎么用

html图片标签(单标记行内标签)

工具/原料

方法/步骤

热门文章

标签列表

html图片标签(单标记 行内标签)

工具/原料

方法/步骤

热门文章

标签列表

html图片标签(单标记行内标签)