HTML基本标签

html基本标签有很多，这里只简单的说几个比较常用的标签

---

标题

标题标签有<h1>、<h2>、<h3>、<h4>、<h5>、<h6>

这里强调一下，一级标题<h1>只能在一个网页中出现一次（最好），当然，用多了也不会不显示，但是对浏览器不友好，也容易影响对内容的抓取，如果想用两个，必须用hgroup标签包裹起来。如果连着用了多个标题标签必须使用hgroup标签包含起来，这样对浏览器搜索引擎更加友好。<hgroup>就是用来对标题进行组合的。

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

---

段落

p标签，独占一行，作用就是存放文本的

<p>春眠不觉晓，</p>
<p>处处闻啼鸟。</p>

---

预格式化文本标签

pre标签：可定义预格式化的文本，通常会保留空格和换行符。在其他文本标签里，即使在两个字之间写了多个空格，也只默认一个

注意：可以导致段落断开的标签（例如标题、<p> 和 <address> 标签）绝不能包含在 <pre> 所定义的块里

<pre>
		我
		   是
		   一
		       个
		     大
		      好
		         人
</pre>

---

文本格式化

这里介绍的都是一些行内标签：

            strong：  粗体
            i和em：   代表斜体
            small：   字体缩小
            big:         字体放大
            sub：      上标
            sup：      下标
            del:          删除文本
            ins:          添加文本

<p>这是一个<strong>粗体</strong></p>
<p>这是一个<em>斜体</em></p>
<p>这是一个<i>斜体</i></p>
<p>字体<small>缩小</small></p>
<p>字体<big>放大</big></p>
<p>2<sub>下标</sub></p>
<p>2<sup>上标</sup></p>
<p>张三不是一位<del>美女</del>，而是一位<ins>帅哥</ins></p>

---

图像

img标签：这也是一个行内元素

        src:    图片地址
        alt:     当图片加载失败时，替换文本
        title：鼠标放到图片上时，提示文本
        width:    图片宽度
        height：图片高度
        border:  图片边框,默认为0

<img src="../img/m_tangcupaigu.gif" alt="加载失败"  title="糖醋 排骨，好香啊" width="160" height="140" border="1" />

---

链接

a标签：也是一个行内元素

          href:  指定链接地址           

          target属性常用值：
                    _self:默认值，在同一窗口中打开连接页面
                    _blank:在新窗口中打开连接页面

<a href="5 HTML图像.html" target="_self">图片</a>
<a href="http://www.baidu.com" target="_blank">百度一下</a>

---

锚链接

实际上还是用a标签来操作，不过链接的资源是当前页面里的，而不是外部资源

要想链接当前页面的资源，首先，要给本页面的资源起一个锚名称。可以是id也可以是name。

href的值就是锚名称，id的话以＃开头

注意！！！经本人实践证明，锚名称最好是id属性，适用于所有标签，但是如果是name属性，只适用于a标签，可能有其他情况没有发现，望请指教

		<a href="#p1">第一章</a>
		<br />
		<a href="#p2">第二章</a>
		<br />
		<a href="#p3">第三章</a>
		<br />
		<a href="#p4">第四章</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<input id="p1">第一章内容</input>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<a name="p2">第二章内容</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<p id="p3">第三章内容</p>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<p name="p4">第四章内容</p>

---

列表

列表分为3种：无序列表、有序列表、自定义列表

无序列表
            ul标签标识无序列表
            li标识列表项
            
            type取值：
            square:实现正方形
            disc:默认值，实心圆
            circle:空心圆

ol:代表有序列表
            li:代表列表项
            
            type属性
            默认为1（数字型）

自定义列表
            dl；标识自定义列表
            dt标签用来标识词条
            dd标签对词条的解释

            <!--无序列表--> 
       <ul>
			<li>吃饭</li>
			<li>学习</li>
			<li>吃饭</li>
		</ul>
		
		<ul type="square">
			<li>鲁班</li>
			<li>后羿</li>
			<li>马克</li>
		</ul>
		
		<ul style="list-style-type: square;">
			<li>虞姬</li>
			<li>成吉思汗</li>
			<li>伽罗</li>
		</ul>
		
           <!--有序列表--> 
        <ol>
        	<li>诸葛亮</li>
        	<li>嬴政</li>
        	<li>妲己</li>
        </ol>
        
        <ol type="A">
        	<li>女娲</li>
        	<li>不知火舞</li>
        	<li>甄姬</li>
        </ol>
            <!--自定义列表--> 
        <dl>
        	<dt>小红</dt>
        	<dd>是一个女生，很漂亮</dd>
        </dl>

---

还有两个标签也比较常用：

换行标签：<br />

水平线标签： <hr />