HTML：图片标签、列表标签、超链接标签、表格标签、框架标签

图片标签

<img />

属性名	属性说明
src	指定需要展示的图片所在路径
alt	图片无法显示时的替代文本
width	图片宽度、单位：像素/百分比
height	图片高度、单位：像素/百分比

src

相对路径：不需要联网
绝对路径：需要联网

列表标签

用于展示列表信息。分为有序列表和无序列表

• 有序列表 ol
  • type 列表类型，取值：A、a 、I 、i 、1 等

<ol type="A">
	<!--不写type默认是1-->
	<li>西游记</li>
	<li>三国演义</li>
	<li>水壶传</li>
	<li>红楼梦</li>
</ol>

• 无序列表 ul
  • type 符号的类型，取值：disc 实心圆、square 方块 、circle 空心圆

<ul type="circle">
	<!--不写type默认值就是disc-->
	<li>西游记</li>
	<li>三国演义</li>
	<li>水壶传</li>
	<li>红楼梦</li>
</ul>

超链接标签

<a href=" "></a>

• 必须有内容体
• 必须有href属性

属性名	属性说明
href	用于指定需要连接并打开的页面路径
target	确定以何种方式打开href所设置的页面。取值：_blank 在新窗口中打开href确定的页面。 _self 默认。使用href确定的页面替换当前页面。

表格标签

表格的作用

• 用来展示数据
• 用来做网页的布局

标签名	作用
table	表格容器
tr	行
th	列标题，加粗居中效果
td	列
caption	表格的标题

常用的表格属性

属性名	作用
width	表格宽度
border	表格外边框粗细
align	可用在table、tr、td中
rowspan	合并行、从自身开始数
colspan	合并列、从自身开始数
cellspacing	设置单元格之间的间隔
cellpadding	设置单元格边框与文字之间的距离

• bordercolor：边框颜色
• bgcolor：背景颜色
• background：背景图片

框架标签

• frameset变迁不能和body标签同时使用

<frameset>

属性名	属性说明
cols	对页面进行列切割、单位：像素/百分比
rows	对页面进行行切割、单位：像素/百分比

按列切割

<frameset cols="20%,*,30%">
	<frame />
	<frame />
	<frame />
</frameset>

按行切割

<frameset rows="15%,*,20%">
	<frame />
	<frame />
	<frame />
</frameset>

混合切割

<frameset rows="15%,*">
	<frame />
	<frameset cols="25%,*">
	<frame />
	<frame />
	</frameset>
</frameset>

frame属性

属性名	属性说明
src	引入页面路径
name	该框架的名称用于和a标签（超链接）target使用