HTML标签（一 | 基础、列表、表格）

html：超文本标记语言

标签：就是以<英文><英文/>这种形式编写的

---

1、标题标签：<h1>

<h1>这是一级标题</h1>

<h2>这是二级标题</h2>

<h3>这是三级标题</h3>

<h4>这是四级标题</h4>

<h5>这是五级标题</h5>

<h6>这是六级标题</h6>

注意：只有六级，没有七级标题

2、 段落标签：<p>

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

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

<p>第三个段落</p>

3、 换行标签：<br/>

<p>第一行<br/>第二行</p>
<p>第三行</p>

4、横线：<hr/>

<h1>HTML5简介</h1>
<hr/>
<h1>哈哈哈</h1>

 5、文本加粗：<strong>

<strong>加粗</strong>

 6、斜体：<em>

<em>斜体</em>

7、上标 ：<sup>

下标： <sub> 

方圆1000<sub>米</sub> <br />
2<sup>2</sup>等于4

8、空格：&nbsp;

大于号（>）：&gt;

小于号（<）：&lt;

引号（"）：&quot;

版权符号：&copy;

哈哈哈&nbsp;哈哈哈<br />
&gt;<br />
&lt;<br />
&quot;<br />
&copy;

9、图像标签： <img>

<img src="img/hhhh.jpg" width="200" height="200" />

src ：图片路径，表示来源地址，在img、script、iframe等标签上使用 

10、超链接标签 ：<a>

<p name="aa" id="aa">顶部</p>
<br/>
<a href="http://www.baidu.com">跳到哪里</a>
<br/><br/>
<a href="#aa">返回顶部</a>
<br/><br/>
<a href="index.html" target="_blank">跳转</a>

href ：跳转地址，表示超文本引用，在a、link等标签上使用

target：链接打开方式

        _self：在当前窗口打开

        _blank：在新窗口中打开

        _parent：在父frameset中打开

        _top：在当前最顶层窗口打开 

11、区隔标记：<div> 

<div> </div> 本身不包含任何样式，它作为块级元素，配合CSS完成页面设计。标签内可以包含文字、图片、链接、列表、表格等几乎所有类型HTML元素。

12、 注释：<!-- -->

<!-- 内容无效，仅做注释 -->

13、无序列表：<ul><li>

<ul type="disc">
	<li>HTML语言</li>
</ul>
<ul type="square">
	<li>HTML语言</li>
</ul>
<ul type="circle">
	<li>HTML语言</li>
</ul>

disc：项目符号显示为实体圆心 

square：项目符号显示为实体方心 

circle：项目符号显示为空心圆

14、有序列表<ol><li>

<ol type="1">
	<li>HTML语言</li>
</ol>
<ol type="A">
	<li>HTML语言</li>
</ol>
<ol type="I">
	<li>HTML语言</li>
</ol>

1：使用数字作为项目符号

A/a：使用大写/小写字母作为项目符号

I/i：使用大写/小写罗马数字作为项目符号

15、 定义列表：<dl><dt><dd>

<dl>
	<dt>
		<ul type="disc">
		<li>IT技术排名</li>
		</ul>
	</dt>
	<dd>
		<ul type="circle">
			<li>程序语言</li>
			<ul type="square">
				<li>JAVA</li>
			</ul>
		</ul>
		<ul type="circle">
			<li>数据库</li>
			<ul type="square">
				<li>ORACLE</li>
				<li>DB2</li>
				<li>SqlServer</li>
			</ul>
		</ul>
	</dd>
</dl>

16、表格：<table> 

<table border="1">
	<tr>
		<td colspan="3">分组表</td>
	</tr>
	<tr>
		<td rowspan="2">第一组</td>
		<td>黄药师</td>
		<td>东邪</td>
	</tr>
	<tr>
		<td>欧阳锋</td>
		<td>西毒</td>
	</tr>
</table>

<table>     这个标签可以设置一个表格

<th>        这个标签可以设置列标题                   

<tr>        这个标签可以设置行

<td>        这个标签可以设置列

colspan：表示合并几行

rowspan：表示合并几列

---