在第一篇:網頁製作基礎教程----網頁的基本結構中，我們講解了一個網頁由幾個部分組成。以及網站必不可少的的三要素。
今天，碼小趣就帶大家學習HTML中一些常用的標籤：
<h1></h1> - <h6></h6> 標籤：
註：h標籤表示文章的標題標籤，並且h1標籤（在一個頁面中有且只存在一次）
段落標籤：
<p>這裡是一篇關於碼小趣文章</p>
換行標籤：
<br/>，<hr/>
註：<hr/>換行是在其下方會有一條分割線
行內標籤：
<span>我是行內元素</span>
塊級標籤：
<div>我是塊級元素</div>
行內標籤與塊級標籤的區別：
行內標籤：內容撐開寬度，不可以通過樣式控制寬和高，它的寬和高隨標籤裡的內容而改變:
1、行級標籤的寬度和高度是由標籤內的內容來控制的。
2、不能通過width; height;屬性修改標籤的寬度和高度。
塊級標籤：寬度撐滿行(默認) ，可以用樣式控制其寬和高；
1、塊級標籤的寬度默認是佔整個頁面的寬度。
2、能通過width; height;屬性修改標籤的寬度和高度。
註：如果想要將行內標籤轉換成塊級標籤，方法很簡單只需要在該標籤內設置樣式display:block。
【在昨天的一篇文章：如何使用CSS實現兩個div並排等高中有講到有關的知識點和解決方案！】
strong/b 標籤：
1、<strong> 用於強調文本，但它強調的程度更強一些，表示重要文本。
2、<b> 標籤呈現粗體文本效果
代碼如下：
marquee滾動標籤：<marquee></marquee>
文字移動屬性的設置 ：direction
我從右向左移：
<marquee direction=left>
啦啦啦，碼小趣從右向左移！
</marquee>
我從右向左移：
<marquee direction=right>
啦啦啦，碼小趣從右向左移！
</marquee>
font標籤：
<font size="字體大小" color="字體顏色" face="字體類型"></font>
註：
1、size值:12px；14px....
2、color值: red；blue；green；yellow 或者 #000(黑色)；#FFF(白色)
3、face值: "黑體"； "微軟雅黑" ；"宋體"
<a>超連結標籤：
<a href="網絡的地址" title="滑鼠移動到超連結時彈出的提示信息"></a>
註：#為javascript:void(0);時不跳轉
<img/>圖片標籤：
<img src="圖片的地址" title="滑鼠移動到圖片時彈出的提示信息"/>
註：圖片也可以添加href="網絡地址"
【注】：在<a>超連結標籤和<img/>圖片標籤中加入target="打開方式"；
target的值有：
1、_self:在當前也頁面打開；（常用）
2、_blank:在新的窗口打開；（常用）
3、_top:在頂層框架中打開；
4、_parent:在上一層打開；
(無序列表)標籤：
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
(有序列表)標籤：
<ol>
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
註：小黑點是默認的樣式（在後面的教程中我會詳細說的），去除小黑點css代碼：list-style:none;
表格標籤：
<table style="border:1px solid red;">
<tr> <th>學號</th><th>姓名</th> </tr>
<tr> <td>111</td><td>碼小趣</td> </tr>
<tr> <td>222</td><td>碼大趣</td> </tr>
</table>
註：tr表示一行；th表示標題；td表示一列。上面的代碼表示意思是3行2列的表格
html:特殊符號：
空格 ：
大於號（>）：>
小於號（<）：⁢
版權號：©
總結：以上都是常用的html標籤，相信你熟悉上面的標籤。你也能寫一個很簡單的網頁啦！學網頁製作首先得基礎打紮實，在就是學思維，重在實踐，趕緊來上面的代碼去試試吧！
推薦大家去菜鳥教程學習基礎，可以邊學習邊看到效果，便於大家的理解和記憶。
明天會給大家帶來：第三篇:網頁製作基礎教程----HTML表單
PS：對於我們編輯的文章和內容，有什麼好的建議可以在文章的下面留言提出來哦！大家相互學習。
（關注ID：maxiaoqu888）
（如有侵權，請聯繫我們刪除）