頭標簽都放在<head></head>頭部分之間。包括：title標簽，base標簽，meta標簽，link標簽，style標簽和script
標簽(這個標簽也可以放在體部分中)。
### 一,<title>標簽
<title></tilte>是成對出現的，作用是顯示網頁標題，指定瀏覽器的標題欄顯示的內容。是head標簽中唯一要求包
含的東西。
~~~
<html>
<head>
<title>這是我的第一個網頁</title>
</head>
<body>
</body>
</html>
~~~
瀏覽器顯示的結果為：
### 二,<link>標簽
link標簽必須置于head里，定義文檔與外部資源的關系。比如：鏈接樣式表，引入樣式文件。
href屬性：被鏈接文檔的地址。
rel屬性：描述當前文檔與被鏈接文檔的關系。
type屬性：規定被鏈接文檔的類型。
media屬性：指定被鏈接文檔在哪種設備上起作用，也就是顯示在什么設備上。
HTML代碼：
~~~
<html>
<head>
<title>這是我的第一個網頁</title>
<link rel="stylesheet" style="text/css" href="a.css" />
</head>
<body>
<p>這是一個段落</p>
</body>
</html>
~~~
CSS代碼：
~~~
/* CSS Document */
p {background-color:#000000;
color:#FF0000;
}
~~~
瀏覽器顯示的結果為：
我們在這里再說一個外部延伸，就是設置地址欄圖片：
方法1：favicon.ico放置在網站的根目錄。一般適用于大中型網站。
方法2：放在head內，使用link標簽引入。一般適用于小型網站，個人博客等網站。
演示：
~~~
<html>
<head>
<title>這是我的第一個網頁</title>
<link rel="stylesheet" style="text/css" href="a.css" />
<link rel="shortcut icon" type="imag/x-icon" href="5.jpg" />
</head>
<body>
<p>這是一個段落<p>
</body>
</html>
~~~
CSS代碼同上。
顯示結果為：
### 三,<base>標簽
必須置于head里。
href屬性：指定網頁中所有的超鏈接的目錄。可以是本地目錄，也可以是網絡目錄。注意值的結尾處一定要用/表
示目錄。只作用于相對路徑的超鏈接文件。定義默認鏈接地址。
target屬性：指定默認打開超鏈接的方式。如_blank表示所有的超鏈接都用新窗口打開顯示。
~~~
<html>
<head>
<!--link標簽鏈接外部樣式表-->
<link rel="stylesheet" type="text/css" href="a.css" />
<!--link標簽鏈接標題欄圖標-->
<link rel="shortcut icon" type="imag/x-icon" href="5.jpg" />
<!--base標簽鏈接默認地址，指定默認打開方式-->
<base href="https://www.baidu.com" target="_blank" />
<title>這是我的第一個網頁</title>
</head>
<body>
<p>這是一個段落</p>
<a href="">百度一下，你就知道</a>
</body>
</html>
~~~
瀏覽器顯示的結果為：
### 四,< meta>標簽：
必須置于head里，作用是提供有關頁面的元信息，其屬性定義了與文檔相關聯的名稱/值對。
http-equiv屬性：把content屬性關聯到HTTP頭部，模擬HTTP協議的響應消息頭。
其他的關于http-equiv的內容：
name屬性：把content屬性關聯到一個名稱，網頁的描述信息。當取keywords時，content屬性的內容就作為搜
素引擎的關鍵字進行搜索。
示例圖片：
scheme屬性：定義用于翻譯content屬性值的格式，這個不常用。
以上的總的HTML代碼：
~~~
<html>
<head>
<!--指定網頁文檔解析為中文-->
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<!--指定5秒后頁面跳轉到新浪網站-->
<meta http-equiv="refresh" content="5;url='http://www.sina.com.cn/'" />
<!--下面兩個標簽是SEO搜素優化起到的作用，網站關鍵詞和網站描述-->
<meta name="keywords" content="前端開發，Web開發，HTML" />
<meta name="description" content="演示網頁開發的文檔" />
<!--link標簽鏈接外部樣式表-->
<link rel="stylesheet" type="text/css" href="a.css" />
<!--link標簽鏈接標題欄圖標-->
<link rel="shortcut icon" type="imag/x-icon" href="5.jpg" />
<!--base標簽鏈接默認地址，指定默認打開方式-->
<base href="https://www.baidu.com" target="_blank" />
<title>這是我的第一個網頁</title>
</head>
<body>
<p>這是一個段落</p>
<a href="">百度一下，你就知道</a>
</body>
</html>
~~~
顯示結果為只有上傳到服務器端才有功能顯示，在SEO搜索優化的時候也會出現相應的內容。
### 五,<style>標簽
置于head里，為HTML文檔定義樣式信息。這個我們在CSS中會具體地提到和講解。
style屬性：
media常見的屬性：
HTNL代碼：
~~~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>標簽演示</title>
<style type="text/css">
p {color:#0000FF;
font-size:20px;
</style>
</head>
<body>
<p>這是一個段落</p>
</body>
</html>
~~~
顯示結果為：
### 六,<script>標簽：
可置于head里，也可以置于body里。定義客戶端腳本或者引入腳本。這個我們在JavaScript中具體的講解。
script的屬性內容：
~~~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>標簽演示</title>
<script type="text/javascript">
alert('hello');
</script>>
</head>
<body>
</body>
</html>
~~~
顯示結果為：
。
- 前言
- HTML學習1：Dreamweaver8的安裝
- HTML學習2：初識HTML
- HTML學習3：常用標簽之文本標簽
- HTML學習4：常用標簽之列表標簽
- HTML學習5：常用標簽之圖像標簽
- HTML學習6：常用標簽之超鏈接標簽
- HTML學習7：常用標簽之表格標簽
- HTML學習8：常用標簽之框架標簽
- HTML學習9：常用標簽之表單標簽
- HTML學習10：表單格式化
- HTML學習11：HTTP 方法
- HTML學習12：其他常見標簽之頭標簽
- HTML學習13：其他常見標簽之體標簽
- 輕松學習JavaScript一：為什么學習JavaScript
- 輕松學習JavaScript二：JavaScript語言的基本語法要求
- 輕松學習JavaScript三：JavaScript與HTML的結合
- 輕松學習JavaScript四：JS點擊燈泡來點亮或熄滅這盞燈的網頁特效映射出JS在HTML中作用
- 輕松學習JavaScript五：JavaScript的變量和數據類型
- 輕松學習JavaScript六：JavaScript的表達式與運算符
- 輕松學習JavaScript七：JavaScript的流程控制語句
- 輕松學習JavaScript八：JavaScript函數
- 輕松學習JavaScript九：JavaScript對象和數組
- 輕松學習JavaScript十：JavaScript的Date對象制作一個簡易鐘表
- 輕松學習JavaScript十一：JavaScript基本類型(包含類型轉換)和引用類型
- 輕松學習JavaScript十二：JavaScript基于面向對象之創建對象(一)
- 輕松學習JavaScript十二：JavaScript基于面向對象之創建對象(二)
- 輕松學習JavaScript十三：JavaScript基于面向對象之繼承(包含面向對象繼承機制)
- 輕松學習JavaScript十四：JavaScript的RegExp對象(正則表達式)
- 輕松學習JavaScript十五：JavaScript之BOM簡介
- 輕松學習JavaScript十六：JavaScript的BOM學習(一)
- 輕松學習JavaScript十七：JavaScript的BOM學習(二)
- 輕松學習JavaScript二十九：JavaScript中的this詳解
- CSS基礎學習一：CSS概述
- CSS基礎學習二：如何創建 CSS
- CSS基礎學習三：CSS語法
- CSS基礎學習四：元素選擇器
- CSS基礎學習五：類選擇器
- CSS基礎學習六：id選擇器
- CSS基礎學習七：屬性選擇器
- CSS基礎學習八：派生選擇器
- CSS基礎學習九：偽類
- CSS基礎學習十：偽元素
- CSS基礎學習十一：選擇器的優先級
- CSS基礎學習十二：CSS樣式
- CSS基礎學習十三：盒子模型
- CSS基礎學習十四：盒子模型補充之display屬性設置
- CSS基礎學習十五：盒子模型補充之外邊距合并
- CSS基礎學習十六：CSS盒子模型補充之border-radius屬性
- CSS基礎學習十七：CSS布局之定位
- CSS基礎學習十八：CSS布局之浮動
- CSS基礎學習十九：CSS布局之圖文混排，圖像簽名，多圖拼接和圖片特效
- DIV+CSS實操一：經管系網頁總體模塊布局
- DIV+CSS實操二：經管系網頁添加導航欄和友情鏈接欄
- DIV+CSS實操三：經管系網頁內容模塊添加標題欄和版權信息模塊
- DIV+CSS實操四：經管系網頁內容模塊內容添加(一)
- DIV+CSS實操五：經管系網頁內容模塊內容添加(二)
- DIV+CSS實操六：經管系網頁添加導航欄下拉菜單
- DIV+CSS實操七：中文系內容模塊控制文本不換行和超出指定寬度后用省略號代替
- JS中實現字符串和數組的相互轉化