基本結構

培訓第一天：
上午，我來的很早，本來是10點開始上課，我早到了9點鐘了，到了後就緊張的，不知哪個教室，侯老師介紹了一個美女的班主任。她負責同學的座位。我一點點接受美女老師真的美美，美女老師還介紹一位上課的教導老師名叫張老師，他是一位胖胖的，好可愛啊。我就一點也不害怕了。我不多說這些，說點正事：
張老師還給了我介紹概念內容：

**   1)什麼是HTML**

答：HTML是超文本標記語言，是在瀏覽器上運行的一個腳本語言。HTML也就是我們在瀏覽器裏面打開的任意一個網頁，所有網頁都離不開HTML。
超文本：就是指頁面內可以包含圖片、鏈接、甚至音樂、視頻等非文字元素；
標記：是一種標記符，可以告訴瀏覽器如何顯示這些超文本內容，比如：<b></b>是一種讓文字加粗的標記符。

注意：

        1、HTML不是編程語言，它是一種標記語言（腳本語言）；

        2、HTML是部署在服務器上，運行在瀏覽器上；

        3、HTML是使用標記標籤（標記符）來描述頁面內容；

**   2)爲啥使用HTML？**

答：HTML是用來描述網頁內容的，可以告訴瀏覽器根據我們的標籤來顯示相應的內容。對於網站來說，HTML就是整個網站的骨架，如果不用HTML的話，很難說明網站長什麼樣？

**   3)認識瀏覽器**

答：我們的認知：瀏覽器就是一個圖標，可以雙擊打開，在地址欄中輸入網址內容，就會顯示對應的頁面。

我們看不到的內容：當我們在瀏覽器的地址欄輸入網頁之後，瀏覽器會發送請求到服務器，服務器接收並處理以後，將處理的結果響應到瀏覽器。

**   4)使用瀏覽器的開發人員查看請求和相應**

答：在瀏覽器裏面鼠標右鍵“檢查/審查元素”，快捷鍵F12

     4.1、打開network

    4.2、瀏覽器請求的詳細信息

    4.3、瀏覽器請求數據的原理

就是瀏覽器讓請求頁面直接去服務器上找，找到對應的HTML文件以後將整個文件通過response響應回瀏覽器。

    4.4、請求協議----http協議
    請求報文
      瀏覽器發送給服務器
   響應報文
       服務器發送給瀏覽器的

URL的組成：協議://服務器IP地址：端口號/請求的頁面
家庭住址 門牌號

    ** 5)動態頁面和靜態頁面**

答：靜態網頁：HTML代碼和內容和書寫完畢之後，頁面的內容和顯示效果基本是不變的（除非修改代碼）；

   動態網頁：頁面代碼雖然沒有變，但是顯示的內容卻是可以隨着時間（秒殺）、環境、數據庫操作的結果而發生變化的；

注意：不要將動態網頁和頁面有動畫效果混爲一談，只要頁面內容沒有任何變化，那麼就是一個靜態網頁。

**   6)HTML技術的發展歷程**

答：

• 1993年，第一版的HTML 1.0誕生；

• 1995年11月，HTML 2.0發佈；

• 1997年1月，HTML3.0發佈，W3C推薦標準；

• 1997年12月，HTML 4.0發佈，W3C推薦標準；

• 1999年，HTML 4.01發佈，W3C推薦標準；

• 2014年10月，HTML 5發佈，保留了HTML 4的所有功能，增加很多新功能（小視頻）。

W3C：萬維網聯盟，是WEB基礎領域最具權威和影響力的國際中立技術標準機構，該組織制定WEB技術標準。

**   7)HTML的開發工具**
答：

• Dreamwear：可視化開發網頁的軟件（偏向設計，不寫代碼）
• Hbuilder、Webstrom：（重量級）自帶功能比較全的開發軟件

• Sublime、EditPlus、EverPlus等：（輕量級）自帶功能不太全

*記事本：純手敲

**   8)HTML入門**

答：

• 文件的後綴名：

• a、修改文件的後綴名是不會改變文件內容的；

• b、後綴名用來決定這個文件的打開方式的；

• c、針對HTML頁面，如果我們要查看這個文件的內容，直接以瀏覽器方式打開；但是我們要修改這個文件中的
  內容，應該以記事本方式打開。
  9)HTML結構
  

** !DOCTYPE***

!DOCTYPE是文檔類型，簡單來說就是說明該文件使用哪個版本的HTML規範。
在使用!DOCTYPE的時候，把html後面的所有內容全部去掉，去掉之後就是<!DCOTYPE html>這是HTML 5版本的寫法。

• html標籤
  作用：所有HTML中標籤的根節點，所有標籤都在html標籤之下。
• head標籤
  作用：存放title、meta、base、style、script、link內容，head是頁面的頭部信息，head裏面的內容是不會顯示在頁面的。
• body標籤
  作用：用於存放頁面需要顯示的標籤內容，body裏面的內容是會顯示在頁面的。
• title標籤
  作用：讓頁面擁有一個屬於自己的標題
  

• meta標籤
  meta的用法：
  1、description----描述頁面，可以用來描述頁面信息，該信息會被百度等搜索引擎進行收錄，以此提高網頁的排名。
  2、charset---------字符集（頁面內容的編碼格式），常用的字符集有兩種：
  utf-8（utf8）----收錄全世界所有語言中的文字
  gbk（gb123）----只收錄了漢字、片假名
  3、keywords-------關鍵字，可以用來提高頁面的關鍵字比重（提升網頁排名的一種方式）

  ** 10)HTML的註釋**

  答：代碼：<!--xxxxxxx-->
  作用：給某一段代碼加入一個解釋性的文字，主要用於說明頁面佈局。
  特點：註釋不會在頁面上顯示

   11)記憶：