HTML基礎
**執行流程：**浏覽器發請求 --> HTTP協定 --> 服務端接收請求 --> 服務端傳回響應 --> 服務端把HTML檔案内容發給浏覽器 --> 浏覽器渲染頁面
使用者使用浏覽器打開網頁看到結果的過程就是：
浏覽器将服務端的文本檔案(即網頁檔案)内容下載下傳到本地，然後打開顯示的過程。而文本檔案的文檔結構隻有空格和換行兩種組織方式，如果僅憑它倆，文本檔案在打開顯示時，顯示的效果将會非常非常非常的單一。
為了讓顯示的效果不那麼單調，我們會偏向使用word一類的文本編輯工具來編排文本内容，編排的原理就是：在編輯檔案時會選中各部分内容，然後為内容打上不同的标記，比如什麼是标題，什麼是段落，然後存放硬碟裡，等下次打開時，word會識别之前的标記，然後按照預先編排好的結果顯示出來
站在顯示文本内容的角度去看，浏覽器與word的原理一樣，我們可以将浏覽器當成一個網頁版的隻讀word，浏覽器也必須有一套自己能識别的标記文本的規範，**該規範被稱為HTML,**HTML全稱是超文本标記語言（<code>HyperText Markup Language</code>），是由W3C的維護的。
HTML的本質：
本質上是浏覽器可識别的規則，我們按照規則寫網頁，浏覽器根據規則渲染我們的網頁。對于不同的浏覽器，對同一個标簽可能會有不同的解釋。（相容性問題）
我們浏覽器看到的頁面，内部其實都是HTML代碼(所有的網站内部都是HTML代碼)
HTML檔案是一個文本檔案,包含了一些HTML元素,标簽等
作用：
HTML用來制作網頁的标記語言
HTML 是通向 WEB 技術世界的鑰匙。
不需要編譯,直接由浏覽器執行
檔案的擴充名：
HTML對大小寫不敏感的,HTML與html是一樣的
HTML檔案必須使用.html或.htm為檔案名字尾
強調：它不是一種程式設計語言，而是一種标記語言<code>（markup language）</code>。 注意：如果你想要讓浏覽器能夠渲染出你寫的頁面。你就必須遵循HTML文法 補充：除了HTML可以書寫前端頁面之外, 還有XML也可以書寫前端頁面, 具有代表性的odoo架構内部的前端頁面全部是用XML書寫的. 還有就是公司内部會使用一種管理軟體ERP, 也可以實作前端頁面的書寫.
“超文本”指的是用超連結的方法，将各種不同空間的文字資訊組織在一起的網狀文本
“标記”指的是在編輯文本時用特殊的記号标記一下各部分内容的意義，該記号稱之為标簽，比如用标簽h1标記标題，用标簽p标簽段落，如此我們标記一首唐詩就成了如下格式：
是以我們學習HTML就是在學習一系列的标簽
HTML是一種标記語言（markup language），它不是一種程式設計語言。
HTML使用标簽來描述網頁。
目前常用的兩種文檔類型是xhtml 1.0和html5，pc端兩種都可以，而且html5是向下相容的
HTML5草案的前身名為 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接納，并成立了新的 HTML 工作團隊。
HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍處于完善之中。然而，大部分現代浏覽器已經具備了某些 HTML5 支援。
2012年12月17日，網際網路聯盟（W3C）正式宣布凝結了大量網絡工作者心血的HTML5規範已經正式定稿。根據W3C的發言稿稱：“HTML5是開放的Web網絡平台的奠基石。”
2013年5月6日， HTML 5.1正式草案公布。該規範定義了第五次重大版本，第一次要修訂網際網路的核心語言：超文本标記語言（HTML）。在這個版本中，新功能不斷推出，以幫助Web應用程式的作者，努力提高新元素互操作性。
2014年10月29日，網際網路聯盟宣布，經過接近8年的艱苦努力，該标準規範終于制定完成。
Internet Explorer 9 以及 以上版本
chrome、Safari、opera、Firefox和各種以wekkit為核心的國産浏覽器
xhtml1.0文檔類型建立的快捷方式 html:xt + tab
html5文檔類型建立的快捷方式： html:5 + tab 或者 ! + tab
方式一：找到檔案所在的位置右鍵選擇浏覽器打開
方式二：在pycharm内部，內建了自動調用浏覽器的功能，直接點選即可(前提是你的電腦上安裝了對應的浏覽器) 直接全部使用谷歌浏覽器
無論學習什麼程式設計語言，注釋是代碼之母，是以一定要重視注釋。
HTML中注釋的格式：
注意：注釋可用直接使用回車換行，如多行注釋：
由于HTML代碼非常的雜亂無章并且很多，是以我們習慣性的用注釋來劃定區域友善後續的查找。
注意：對于中文需要使用聲明編碼，否則會出現亂碼。有些浏覽器會設定 GBK 為預設編碼，則你需要設定為 補充：HTML代碼是沒有格式的，可以全部寫在一行都沒有問題，隻不過我們習慣了縮進來表示代碼标簽的分類。
描述
實體名稱
實體編号
空格
<
小于号
<code><</code>
>
大于号
<code>></code>
&
和号
<code>&</code>
“
引号
<code>"</code>
‘
撇号
‘ (IE不支援)
<code>'</code>
￠
分（cent）
¢
<code>¢</code>
£
鎊（pound）
<code>£</code>
¥
元（yen）
<code>¥</code>
€
歐元（euro）
<code>€</code>
§
小節
<code>§</code>
©
版權（copyright）
<code>©</code>
®
注冊商标
<code>®</code>
™
商标
<code>™</code>
×
乘号
<code>×</code>
÷
除号
<code>÷</code>
任何回車或空格在源代碼中都是不起作用。
是以在編寫<code>HTML</code>代碼時，都可以使用回車或者空格進行代碼排版
這樣可以使代碼清晰，也便于團隊合作。必須保持嚴格的縮進規則，以<code>Tab</code>鍵為準。
HTML參考上手冊