1.HTML 簡介
所謂的HTML 就是 HyperText Mark-up Language即超文本標記語言或超文本鏈接標示語言,它也是一個網(wǎng)頁組成的主要語言瓷蛙， HTML文本是由HTML命令組成的描述性文本朋截，HTML命令可以說明文字、圖形鸳惯、動畫粮彤、聲音椎镣、表格艺晴、鏈接等冗美。
HTML的結(jié)構(gòu)包括頭部（Head）魔种、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息粉洼，而主體則包含所要說明的具體內(nèi)容节预。
它是由一個個標簽組成的,可以把它理解成我們語文中的詞組，我們用詞組組合后寫出作文属韧，同樣它的一個個標簽就組成了一個網(wǎng)頁,這個由HTML寫出的網(wǎng)頁,經(jīng)過瀏覽器的解析安拟，就會是一個我們看到的網(wǎng)頁.
<html>
<head>
<tittle>Hello</tittle>
<head/>
<body>
<h1>Hello,World!</h1>
</body>
</html>
可以用文本編輯器編寫HTML，然后保存為hello.html宵喂，雙擊或者把文件拖到瀏覽器中糠赦，就可以看到效果：
2.HTML 使用
使用HTML就是使用其元素,那么什么是元素呢？并且都有哪些元素我們要弄清楚
元素：開始標簽樊破、內(nèi)容愉棱、結(jié)束標簽。
我是一個<h1>標題<h1>空元素：開始標簽與結(jié)束標簽之間沒有內(nèi)容的元素稱之為空元素哲戚。
我的右邊是一個空元素<code></code>自閉和元素：空元素可以簡寫成將開始標簽和結(jié)束標簽合二為一奔滑。
比如圖片標簽就是一個自閉和元素 <img/>-
虛元素：只能使用一個標簽表示，在其中加內(nèi)容就是錯誤的顺少。
比如水平線的標簽就是一個自閉和元素
3.HTML 元素屬性
-
元素屬性：用來配置元素朋其，每個元素都能規(guī)定自己的屬性王浴，屬性分為兩種，局部屬性（local attribute）和全局屬性（global attribute）梅猿。
注意： 屬性只能用在開始標簽或單個標簽上氓辣，不能用于結(jié)束標簽 <p color="red" >這是一段紅顏色的文字</p> 例如上面的P段落元素就是用了 color這個屬性來改變了字體的顏色 -
全局屬性：用來配置所有元素的共有行為，全局屬性可以用在任意一個元素上袱蚓。
注意：屬性值的話 可以用單引號钞啸，也可以用雙引號，也可以雙引號包含單引號, 一個元素可以應(yīng)用多個屬性喇潘，這些屬性之間以一個或幾個空格分割 -
布爾屬性：這個屬性不需要設(shè)定一個值体斩，只需要將屬性名添加到元素中即可
例如：三種表示形式
屬性：disabled是是否阻止用戶輸入的一個屬性輸入成績：<imput disabled> 輸入成績：<imput disabled=""> 輸入成績：<imput disabled="disabled"> -
自定義屬性：即我們自定定義屬性，這種屬性必須以data-開頭颖低，也叫擴展屬性絮吵。
例如： 輸入成績：<input disabled="true" data-time="2017.6.13" data-recorder="admin">
4.HTML 文檔結(jié)構(gòu)
外層結(jié)構(gòu)：外層結(jié)構(gòu)由兩個元素構(gòu)成 DOCTYPE 和 html元素確定，它告訴瀏覽器忱屑，自此之終到heml結(jié)束標簽所有元素內(nèi)容痘印作為HTML處理
元數(shù)據(jù)：放在head元素內(nèi)部蹬敲，部分可以用來表示向瀏覽器提供的一些文檔信息,比如編碼,作者.....等。
內(nèi)容：放在body元素中的莺戒，body元素告訴瀏覽器該顯示文檔的哪個部分伴嗡。
-
元素分類：父元素、子元素从铲、后代元素闹究、兄弟元素，一個元素可以有多個子元素食店，但是只能有一個父元素。
<!DOCTYPE html> <!-- 外層結(jié)構(gòu) DOCTYPE標簽 --> <html> <!-- 外層結(jié)構(gòu) html標簽 --> <head> <!-- 下面的這行是元數(shù)據(jù) --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>標題</title> </head> <body> <!-- 內(nèi)容 --> <!-- div是 p和span的父元素 相反他們就是子元素 p1 和 span是兄弟元素 img 是 div的后代元素 --> <div> <P>段落1</P> <span> <img/> </span> </div> </body> </html>
5.HTML實體
實體：比如我們想在一個網(wǎng)頁中打出這樣的 <hr> 的文字顯示赏寇，如果直接打的話就會以水平線的方式顯示吉嫩，那么這個時候就需要使用實體（相當(dāng)于java中的轉(zhuǎn)義符）。
例： <hr&ft;
注意：實體名稱和實體編號 后面要加 分號";"的嗅定。
| 顯示結(jié)果 | 描述 | 實體名稱 | 實體編號 |
|---|---|---|---|
| < | 小于號 | < | < |
| > | 大于號 | &ft | > |
| & | 和號 | & | & |
| " | 引號 | " | " |
| ' | 撇號 | &apos | ' |
| ? | 版權(quán) | © | © |
| × | 乘號 | × | × |
| ÷ | 除號 | ÷ | ÷ |
| ? | 商標 | &trade | ™ |
| ? | 注冊 | ® | ® |
5.HTML 全局屬性
| 屬性 | 描述 |
|---|---|
| accesskey | 規(guī)定激活元素的快捷鍵自娩。 |
| class | 規(guī)定元素的一個或多個類名（引用樣式表中的類）。 |
| contenteditable | 規(guī)定元素內(nèi)容是否可編輯渠退。 |
| contextmenu | 規(guī)定元素的上下文菜單忙迁。上下文菜單在用戶點擊元素時顯示。 |
| data-* | 用于存儲頁面或應(yīng)用程序的私有定制數(shù)據(jù)碎乃。 |
| dir | 規(guī)定元素中內(nèi)容的文本方向姊扔。 |
| draggable | 規(guī)定元素是否可拖動。 |
| dropzone | 規(guī)定在拖動被拖動數(shù)據(jù)時是否進行復(fù)制梅誓、移動或鏈接恰梢。 |
| hidden | 規(guī)定元素仍未或不再相關(guān)佛南。 |
| id | 規(guī)定元素的唯一 id。 |
| lang | 規(guī)定元素內(nèi)容的語言嵌言。 |
| spellcheck | 規(guī)定是否對元素進行拼寫和語法檢查嗅回。 |
| style | 規(guī)定元素的行內(nèi) CSS 樣式。 |
| tabindex | 規(guī)定元素的 tab 鍵次序摧茴。 |
| title | 規(guī)定有關(guān)元素的額外信息绵载。 |
| translate | 規(guī)定是否應(yīng)該翻譯元素內(nèi)容。 |
