HTML标签

一、行内元素

不自动换行，直到占满一行才换行的标签属于行内元素。

1、a标签：超链接标签

<a href="http://www.baidu.com" target="_blank">百度一下</a>
<!--点击“百度一下”就能在另一个页面跳转到网址为http://www.baidu.com的百度的网页-->

2、img标签：图片标签

<img src="img/cheng_lin.jpg" title="美女" alt="这是一个美女"/>
<!--提前要在img文件中存入名为cheng_lin.jpg的图片文件，打开对应网页后，当鼠标指向该图片时会出现“美女”字样，若图片不存在则页面上会出现“这是一个美女”字样-->

 3、span标签：无格式

郑州大学
<span>郑州大学</span>
<!--两者无区别-->

二、块级元素

自动换行，单独占一行的标签属于块级标签。

 1、div标签：常用于文档中分区

<!--显示在一行的中心-->
<div style="text-align: center;">欲穷千里目，更上一层楼。</div>
<!--显示一条紫色、像素为1的水平线-->
<div style="border-top: blueviolet 1px solid;"></div>
<!--显示郑州大学-->
<div style="border-top: blueviolet 1px solid">郑州大学</div>

2、p标签：段落标签

<!--在一行的左边显示“白日依山尽，黄河入海流。”-->
<p>白日依山尽，黄河入海流。</p>
<!--在一行的中心显示“白日依山尽，黄河入海流。”-->
<p style="text-align: center;">白日依山尽，黄河入海流。</p>

3、hn标签：标题标签，n的值为1~6，其中<h1></h1> 定义最大的标题；<h6></h6> 定义最小的标题

<h1>郑州大学</h1>
<h2>郑州大学</h2>
<h3>郑州大学</h3>
<h4>郑州大学</h4>
<h5>郑州大学</h5>
<h6>郑州大学</h6>
<!--字体从上到下依次变小-->

4、ol标签：有序列表标签

<ol type="i" start="2">
	<li>文艺
		<ol>
			<li>文学</li>
			<li>艺术</li>
		</ol>
	</li>	
	<li>小说</li>
	<li>童书</li>
</ol>
<!--type：指定ol子标签li的编号类型;start：指定ol子标签li序号起始点，默认为1，必须为整形数字-->

结果：

 5、ul标签：无序列表标签

<ul type="disc">
	<li>语文</li>
	<li>数学</li>
	<li>英语</li>
</ul>
<!--type：指定ul子标签li的编号类型-->

 结果：