1、html：超文本標記語言（Hyper text make up language）
（1）、html不是一種編程語言，而是一種標記語言（makeup language）
（2）、標記語言是由一套標記標簽（makeup tag）組成
（3）、html使用標記標簽來描述網頁
2、開發工具 - Editplus的介紹和安裝
EditPlus提供了與Internet的無縫連接，可以在EditPlus的工作區域中打開Intelnet瀏覽窗口。
HTML標簽 - HTML標簽特性
3、HTML里所有的標簽一共只分為兩種大類，即：
非可視化標簽：
標簽不能在網頁的內容區域所看見
如：head、title、meta、script、style等
可視化標簽：
標簽可以在網頁的內容區域所看見
如：html、body、div、img等等
4、對標簽和單標簽
對標簽：
簡單的說就是成對出現的標簽，例如我們之前學到的<title></title>就是對標簽
基本語法：
<標簽名 屬性名="屬性值" 屬性名="屬性值">內容</標簽名>
單標簽：
常用的單標簽有：
<link> 鏈接引入外部資源標簽。
<img> 向網頁中嵌入一幅圖像。
標簽在 HTML 頁面中創建一條水平線。
建議所有的單標簽都書寫為<hr />的方式
理解方式：某些標簽是不可能包含文本內容和子標簽的，這些標簽都是單標簽
單標簽和雙標簽存在的意義，有些標簽需要內容有些標簽不需要加內容
5、body元素中的標簽
body元素中的標簽：
body是html網頁結構最重要的標簽，也叫主體內容標簽，一般網頁內容均放入此標簽組之間。
body 元素包含文檔的所有內容（比如文本、超鏈接、圖像、表格和列表等等。）
6、head包含：
title, link, meta, script, style等常用標簽。
link：超鏈接是html的靈魂
meta：沒有具體的含義，主要取決于里面的屬性
script：既可以放在頭部，又可以放在body里面，腳本
style：樣式標簽
7、網頁編碼
網頁編碼：
網頁編碼就是對字符串的保存方式，在底層都有一串的字符與它對應的，不是直接存這個文字的。
常見編碼：
ANSI、GBK、GB2312、UTF-8、GB18030和 UNICODE
一般網頁編碼放在html網頁中的<head>和</head>中間。
<meta charset= " utf-8" />
通過改變charset=utf-8中的utf-8就可以改變網頁的編碼。
網頁編碼相當于加密和解密，我們的瀏覽器就要以相應的方法進行解密
ANSI：只支持英文，也就是一開始學習的時候寫中文的時候成了一大堆亂七八糟的符號
GBK：簡體中文，GBK包含GB2312
GB2312：繁體中文
charset：編碼集，告訴瀏覽器，你要以這個方式來解我這個編碼，就像加密的電報要有相應的解密的方法，加密的方式和解密方式要一樣，編碼集就是這個作用，站在用戶的角度是不需要知道編碼集的，charset是html中非可視化標簽
9、style:樣式，起到化妝的作用
10、規范和規則
規范是可以違反的，html中所有的標簽都需要閉合這是規范，改一個習慣很難，養成一個習慣很容易。HTML標簽中不寫/是沒有關系的，以前瀏覽器會自動補全，為了規范我們還是在html中對標簽進行閉合操作，一般情況下，瀏覽器有自動補全機制。為了規范起見，要求自己標簽必須要閉合，／用來閉合標簽。
11、網站右擊，檢查（表示審查元素），如果做web前端開發，你不會審查元素，你說你多牛逼，不相信。網頁的下面是自帶的插件，是做開發調試用的，這個一點要會用
右擊：查看網頁源代碼，
編碼格式：大型的互聯網公司基本會轉到UTF-8這個格式，為什么使用UTF-8，因為它是一個龐大的字符集編碼庫，不僅僅融合了中文還有日文、韓文等等。
12、標題標簽
h1：當前頁面中只能出現一次h1，不能出現兩次；寫兩次不會報錯，但是h1的權重值是最高的，搜索引擎會根據這個來判斷，搜索引擎會優先抓取你h1中的內容，一個網頁中的標題也就是中心思想只能有一個，不可能有兩個的。那么如果出現了兩個，搜索引擎會認為你犯規了，搜索引擎就再也不會抓取你了，它也不會把你的東西呈現給用戶，那這個網站久沒有人看了，沒有流量這個網站久廢了。
代碼一定要規范
h1-h6是標題標簽，隨著數字的增加，文字越小，而且權重值越低。權重值表示說話的話語權，搜索引擎首先抓取權重值大的。權重值百度做的是最規范的。
13、P段落標簽，給段落一個樣式，使用style，內連樣式，它的優先級除！之外第二高。
P標簽不可以實現首行縮緊，要實現首行縮緊需要使用CSS樣式。
什么時候用等于號什么時候用冒號：，屬性后面用等于號，屬性后面是屬性值，屬性值里面用的是冒號，就圖說話。
屬性后面是不需要寫px的，它默認的就是px，屬性值里面需要寫px的。編譯器提示，屬性使用大紅色，屬性值使用粉紅色。
strong、b標簽都表示加粗，strong是b標簽的加粗物理顯示效果，但是strong具有強調作用，也就是具有權重值。
14、em和 i 斜體標簽，但是em擁有強調作用。如果只是為了界面效果直接使用i。
15、超鏈接，a，href中存放將要跳轉鏈接網址，這里的網址必須寫全，如果要跳轉的網址不可以跳轉，說明它進行了靜態化處理（網站靜態化處理暫時不知道是什么，靜態化石CMS里面的），瀏覽器中輸入網址不寫全瀏覽器會幫你補全，這邊不會。默認是先開個頁面進行跳轉，target=_blank屬性設置就會新開一個頁面進行跳轉。
16、
17、錨標記
18、img標簽：圖片加載，單標簽
alt屬性作用：
作用一：如果這個圖片沒有正常加載出來的話，alt后面的屬性就起到了作用；像網速不好的時候會有一個裂圖或者感嘆號，會讓用戶有一種恐懼感，為了提升用戶的體驗和感受，可能用戶的網速問題，會出現這樣的問題，你寫了預留文字之后，它大概能夠知道你這個圖片里面的內容是個什么東西。
作用二：
像搜索引擎的時候，可以根據alt屬性來搜索這張圖片，百度中搜索出來的東西，其實都不是自己的，百度只是一個搜索引擎，它只是抓取別人的東西
title屬性：鼠標放到圖片上面的時候，會有一個美女的提示，這是title中的值所決定出來的，像我們的淘寶電商平臺也好，他們都有這樣的東西。
像src、height、width、alt簡稱圖片四要素
png是一個透明圖片
一般情況下，我們的路徑里面最好不要用中文
圖片的三種格式：jpg、png、gif
20、路徑
絕對路徑和相對路徑
如果是同級目錄，就直接引用文件名，如果是上級目錄就使用../文件名返回上級目錄
絕對路徑：
指帶域名的文件的完整路徑。
相對路徑：
同一個目錄的文件引用如果源文件和引用文件在同一個目錄里，直接寫引用文件名即可。
21、錨標記：
相當于書簽，當使用錨標記時，我們可以創建直接跳至該命名錨的鏈接
語法：<a name=“自定義名字">錨（顯示在頁面上的文本）</a>
創建使用該錨的鏈接：<a href=“#自定義的錨名字”>顯示內容</a>
回到頂部不需要使用錨點，直接使用空標簽就可以了
這邊需要進行PPT的整理，主要是特殊標簽的整理
22、內框架（iframe標簽）
iframe框架語法
<iframe src="路徑">
</iframe>
"路徑"指iframe框架內顯示的內容地址
width和height可以是具體的值也可以是百分之多少，百分制是相對于父控件。
百分比給的時候，寬度是沒有問題的，高度可能有的時候沒有出現想要的效果。
height,width屬性可以規定iframe的高度和寬度(百分比和具體像素都可以)
<iframe src="路徑" width="500px" height="500px">
</iframe>
注:再對iframe的高度使用百分比的時候,需要將html,body的高度設置為100%
frameborder 框架邊框
設置為0即可去除邊框，邊框默認的寬度是1
iframe需要關注的是name屬性
iframe現在不怎么用了，很少有頁面在里面嵌套一個iframe，因為在“百度搜索引擎優化指南”(很重要)里面就講到了這一點，代碼的功能實現只是最低的要求，把一個網址放出來之后，如果想要被搜索引擎抓取，一定要考慮到seo的優化。因為搜索引擎只是一個程序，通過百度蜘蛛的程序抓取網頁中的內容，它抓取有自己的規則，如果你寫的網址和它的規則不一致，它就會把你的內容丟棄，百度將你的內容丟棄的話，那么用戶通過搜索引擎搜索你的內容的時候將呈現不出來，那么你這個網址的訪客數會變低，那么這個項目就沒有什么作用。
23、pre標簽
