HTML--03.常用标签

HTML–03

常用标签

HTML标签(常用标签)(标签分为开标签和闭标签)

(1).p

p标签用于显示一段文字，占据一行，下一个标签将被放在下一
行

	<p>这是一个段落</p>

(2).h1~h6

h1即一级标题，h2表示二级标题，依次类推，最大为h6

	<h1>一级标题</h1>
	<h2>二级标题</h2>
	<h3>三级标题</h3>
	<h4>四级标题</h4>
	<h5>五级标题</h5>
	<h6>六级标题</h6>

(3).br

br标签用于换行

1<br/>2

(4).hr

hr用于显示一条分割线

1<hr/>2

(5).li

 li常用在ul（无序列表）或者ol（有序列表）中，代表每一个
 列表项

	<ul>
		<li>Hello</li>
		<li>World</li>
	</ul>
	<ol>
		<li>Hello</li>
		<li>World</li>
	</ol>

(6).a

a标签用于展示一个超链接，其属性href用于指定超链接的目标
地址，target代表打开超链接的位置；

<a href="www.baidu.com" target="_blank">百度</a>

(7).img

用于显示一张图片，其src属性指定图片地址，width表示显示
图片的宽度，height表示图片的高度

	<img src="图片地址" width="300px" height="300px">

(8).audio

用于在页面上播放音频，src属性指定音频地址，autoplay属
性表示是否自动播放，loop表示是否循环播放，muted表示是
否静音，controls表示是否显示工具栏

<audio src="音频地址" autoplay="autoplay" loop="loop" muted="muted" controls="controls"></audio>

(9).video

其基础属性与audio一致，但是其具有width属性指定宽度和he
ight属性指定高度

<video src="" autoplay="autoplay" controls="controls" muted="muted" loop="loop" width="100px" height="100px"></video>

(10).table

用于展示一个表格，其cols表示列数，rows表示行数，borde
r表示是否显示边框（1:显示，0:隐藏）；每一个行对应一个t
r标签，一行中的每一个单元格是一个td标签，tr可以使用row
span属性纵跨多个行，td可以使用colspan横跨多个列

<table cols="4" rows="2" border="1">
			<tr>
				<td>姓名</td>
				<td>年龄</td>
				<td colspan="2">操作</td>
			</tr>
			<tr>
				<td>张三</td>
				<td>18</td>
				<td colspan="2">
					<a>修改</a>
					<a>删除</a>
				</td>
			</tr>
		</table>

(11).iframe

内联框架，即在页面中嵌套进其它页面，其src属性指定需要嵌套的页面，name表示名称，border表示框架边框（1:显示，0:隐藏），width指定其宽度，height指定其高度

	<iframe src="" name="iframe" border="0" width="100px" height="100px"></iframe>

(12).span

纯净的行级标签，一般用于包裹文字

<span>文字</span>

(11).div

纯净的块级标签，一般用于对文档分块布局，包裹其它标签

<div>其它标签内容</div>