壹、HTML的開發工具和使用的瀏覽器
開發工具：記事本等文本編輯器，Atom、VisualStudioCode( VSCode)、Brackets、Sublime text和Hbuider。
瀏覽器：Chrome、Firefox、IE、Safari、IPhone、Android。
二、HTML的基本要素
DOCTYPE? 描述文檔的類型
html ?網頁的根元素，寫在網頁的在外面
head 網頁的頭部信息，寫在html標記的裏面
body 網頁的內容，寫在html標記的裏面
具體描述：
1、DOCTYPE? 描述文檔的類型，規定web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。
網頁可以使用的具體版本，網頁中可以使用那些標記，每個版本的DTD版本均有不同
使用例子
HTML4的例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/">?這是將頁面跳轉到百度的網站打開。
target? 指定鏈接的跳轉幀如果不指定的話，則是在當前頁面中跳轉。
<base target="_blank">?網頁中的鏈接都應該在新的窗口中打開。
terget屬性值：
_blank? 在新窗口中打開被鏈接的文檔
_self 默認值，在相同框架中打開被鏈接的文檔
_parent 在父框架集中
_top 在整個窗口中打開被鏈接文檔·
framename 在指定框架中打開被鏈接文檔
（三）、link標記
link標記：鏈接外部文件時使用的標記，可以把外部文件的內容引入到當前文件中來，使當前網頁實現更多的功能。
link屬性：
href：指定鏈接外部路徑的路徑和文件名，要設置全路徑並且帶文件名
rel：引用文件，引用資源的類型定義
我們在使用link標簽引用外部文件的時候，外部文件的類型是多種多樣的。
alternate 代替文檔（種子，其他語言版本，其他格式等等）
author 網頁的作者
help? 幫助文件的鏈接
icon? 網頁的圖標
next? 如果是連續網頁的時候，指定下壹個網頁
prefetch 把鏈接外部資源時提前緩存起來。
prev 如果是連續網頁
media? 鏈接文件或是資源屬於哪壹種資源。
hreflang 鏈接文件的語言種類
type? 鏈接文件的mi/me類型（比如說，圖片圖標文本）
sizes? 根據link鏈接文件的類型，來指定文件的大小
代碼示例：
鏈接網頁圖標：
網站的圖標指定，可以顯示在瀏覽器的圖標欄，也可以被手機讀取作為網站的圖標存入收藏夾1 <!-- 網站的圖標指定，可以顯示在瀏覽器的圖標欄，也可以被手機讀取作為網站的圖標存入收藏夾 -->2 <link rel="icon">3 <!-- 示例 -->4 <link rel="icon" href="img/favicon.png" type="image/png">5 <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">6 <link rel="apple-touch-icon" href="img/apple-touch-icon.png" type="image/png">
註意：後面的href和前面type標註的類型要壹致，這樣既可以顯示在瀏覽器，又可以顯示在手機上
鏈接外部樣式單
1 <link rel="stylesheet">2 <link rel="stylesheet" href="style1.css" media="screen">3 <link rel="stylesheet" href="style2.css" title="主題樣式文件">4 <link rel=" alternate stylesheet" href="style3.css" title="可選樣式單">說明：
alternate 會在瀏覽器中會彈出壹個對話框，供用戶可以進行選擇
media? 表示媒體類型為屏幕，可以是手機，但不包括打印機和投影儀
title? 對這個link進行簡單的說明
網站RSS種子指定
<!-- 網站RSS種子指定 --><link rel="alternate" type="application/rss+xml">
為搜索引擎的準備的網頁的URL
<!-- 為搜索引擎的準備的網頁的URL --><link rel="canonical">
<link rel="canonical" href="http://www.aaa.zzz/help.html">