一、今日詳細
1、前端簡介
前端即網站前台部分，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁。
前端的核心技術，主要為：HTML、CSS、JavaScript。
前端總結：
-
-
結構標准：相當於人的骨架。html就是用來制作網頁的。
-
表現標准： 相當於人的衣服。css就是對網頁進行美化的。
-
行為標准： 相當於人的動作。JS就是讓網頁動起來，具有生命力的
-
如果你還是不太清楚，請看下面的圖片，一看便知。
瀏覽器簡介：
瀏覽器是網頁運行的平台，常用的瀏覽器有IE、火狐（Firefox)、谷歌（Chrome）、獵豹瀏覽器、Safari和Opera等
瀏覽器的內核：
| 瀏覽器 | 內 核 |
| IE | trident |
| chrome | blink |
| 火狐 | gecko |
| Safari | webkit |
PS：「瀏覽器內核」也就是瀏覽器所采用的「渲染引擎」，渲染引擎決定了瀏覽器如何顯示網頁的內容以及頁面的格式信息。
總結：渲染引擎是兼容性問題出現的根本原因。
2、HTML概述
HTML全稱HyperText Mackeup Language，翻譯為超文本標記語言，它不是一種編程語言，是一種描述性的標記語言，用於描述超文本內容的顯示方式。比如字體、顏色、大小等。
-
-
超文本：音頻，視頻，圖片稱為超文本。
-
標記 ：<英文單詞或者字母>稱為標記，一個HTML頁面都是由各種標記組成。
-
作用：HTML是負責描述文檔語義的語言。
注意：HTML語言不是一個編程語言(有編譯過程)，而是一個標記語言(沒有編譯過程)，HTML頁面直接由瀏覽器解析執行。HTML是負責描述文檔語義的語言,在html中，除了語義，其他什么都沒有。
HTML是一個純本文文件（就是用txt文件改名而成），用一些標簽來描述文字的語義，這些標簽在瀏覽器里面是看不到的，所以稱為“超文本”，所以就是“超文本標記語言”了。
So，接下來，我們肯定要學習一堆HTML中的標簽對兒，這些標簽對兒能夠給文本不同的語義。
3、HTML的網絡術語
-
-
網頁 ：由各種標記組成的一個頁面就叫網頁。
-
主頁(首頁) : 一個網站的起始頁面或者導航頁面。
-
標記： <p>稱為開始標記 ，</p>稱為結束標記，也叫標簽。每個標簽都規定好了特殊的含義。
-
元素：<p>內容</p>稱為元素.
-
屬性：給每一個標簽所做的輔助信息。
-
4、HTML規范
HTML是一個弱勢語言，不區分大小寫，頁面的后綴名是html或者htm(有一些系統不支持后綴名長度超過3個字符，比如dos系統)
HTML的結構：
-
-
聲明部分：主要作用是用來告訴瀏覽器這個頁面使用的是哪個標准。是HTML5標准。
-
head部分：將頁面的一些額外信息告訴服務器。不會顯示在頁面上。
-
body部分：我們所寫的代碼必須放在此標簽內。
-
5、編寫HTML的規范
-
-
所有標記元素都要正確的嵌套，不能交叉嵌套。正確寫法舉例：<p><span></span></p>
-
所有的標記都必須小寫。
-
所有的標記都必須關閉。
-
雙邊標記：<span></span>
-
單邊標記：<br> 轉成 <br /> <hr> 轉成 <hr />，還有<img src="URL" />
-
-
所有的屬性值必須加引號。<h1 id="head"></h1>
-
所有的屬性必須有值。<input type="radio" checked="checked" />
-
6、HTML的基本語法特征
-
-
HTML對換行不敏感，對tab不敏感
-
HTML只在乎標簽的嵌套結構，嵌套的關系。誰嵌套了誰，誰被誰嵌套了，和換行、tab無關。換不換行、tab不tab，都不影響頁面的結構。也就是說，HTML不是依靠縮進來表示嵌套的，就是看標簽的包裹關系。但是，我們發現有良好的縮進，代碼更易讀。要求大家都正確縮進標簽。
-
-
空白折疊現象
-
HTML中所有的文字之間，如果有空格、換行、tab都將被折疊為一個空格顯示。
-
-
標簽要嚴格封閉
-
<!-- 雙閉合標簽 --> <div>Hello World</div> <!-- 單閉合標簽 --> <hr />
7、HTML結構詳解
在pycharm里新建一個HTML文件之后，會生成如下結果的初識文件。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html>
下面我們具體說一下每一個標簽的具體含義：
a、文檔聲明頭
任何一個標准的HTML頁面，第一行一定是一個以
<!DOCTYPE ...>
開頭的這一行，就是文檔聲明頭，DocType Declaration，簡稱DTD。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規范。
XHTML：Extensible Hypertext Markup Language，可擴展超文本標注語言。
XHTML的主要目的是為了取代HTML，也可以理解為HTML的升級版。
HTML的標記書寫很不規范，會造成其它的設備(ipad、手機、電視等)無法正常顯示。
XHTML與HTML4.0的標記基本上一樣。
XHTML是嚴格的、純凈的HTML
b、html標簽
此元素可告知瀏覽器其自身是一個 HTML 文檔。
<html> 與 </html> 標簽限定了文檔的開始點和結束點，在它們之間是文檔的頭部和主體。文檔的頭部由 <head> 標簽定義，而主體由 <body> 標簽定義。
c、head標簽
<head> 標簽用於定義文檔的頭部，它是所有頭部元素的容器。<head> 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。
下面這些標簽可用在 head 部分：
-
-
-
-
<link>：定義文檔與外部資源的關系。
-
<meta> ：提供有關頁面的基本信息。
-
<script>：既可以包含腳本語句，也可以通過 src 屬性指向外部腳本文件。
-
<style>：用於為 HTML 文檔定義樣式信息。
-
<title>：定義文檔的標題。
-
-
-
<title> 定義文檔的標題，它是 head 部分中唯一必需的元素。
d、body標簽
<body> 元素定義文檔的主體。
<body> 元素包含文檔的所有內容（比如文本、超鏈接、圖像、表格和列表等等。）
具體的內容請移步：戳我啊！