html概述
超文本標記語言（英語：HyperText?Markup?Language，簡稱：HTML）是一種用于創建網頁的標準標記語言。HTML是一種基礎技術，常與CSS、JavaScript一起被眾多網站用于設計令人賞心悅目的網頁、網頁應用程序以及移動應用程序的用戶界面[3]。網頁瀏覽器可以讀取HTML文件，并將其渲染成可視化網頁。HTML描述了一個網站的結構語義隨著線索的呈現，使之成為一種標記語言而非編程語言。
先聊聊什么叫前端，前端就是我們平常看到的網頁，臥槽，居然給我說網頁就是前端，什么鬼啊，完全不明白，前端不明白就聊聊網頁吧，我們平常看到的網頁基本上由文字，圖片，視頻和聲音組成，其實全都是一些看不懂的代碼啦，代碼分3個html，css，js，網頁有分漂亮和丑的，人也是一樣，如果把網頁比做一個人，html就相當于一個沒穿衣服的人，css給這個人穿上衣服，js可以讓這個人動起來，哎，好討厭這些坑爹的概念性的東西，不說概念了，下面來看標簽吧，據說還有html5的新標簽，我的天，這里是入門，不知道哪里是放棄了-。-。
html結構
pycharm中也可以寫html，就用它了，我們新建一個html文件，編輯器自動給我生成了下面的代碼，這編輯器真的吊，有錢了一定買正版（默默留下了貧窮的淚水）
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body></body> </html>
文檔聲明頭
任何一個html文件第一行一定是，所以要用一個好的編輯器，一定要有自動生成基本結構的功能，這里再次安利一下pycharm
<!DOCTYPE ......>
開頭的這一行，就是文檔聲明頭，DocType Declaration，簡稱DTD。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規范。
PS:下面列舉下XHTML的特點：
XHTML：Extensible Hypertext Markup Language，可擴展超文本標注語言。XHTML的主要目的是為了取代HTML，也可以理解為HTML的升級版。HTML的標記書寫很不規范，會造成其它的設備(ipad、手機、電視等)無法正常顯示。XHTML與HTML4.0的標記基本上一樣。XHTML是嚴格的、純凈的HTML規范什么的就不在這里寫啦，以后需要了解就google去啦（某度忠實黑粉）下面不多廢話了，直接進入正題 ?
head標簽
先理解字面意思，head就是頭啦，可以理解網頁中頭部的信息，這塊很重要（廢話頭能不重要么），這塊主要是用于放置以下的標簽：
title標簽：
設置網站的標題
<title>9158美女聊天</title>
?
紅框里面的就是標題啦～
meta標簽：
是用于描述數據的數據。它不會顯示在頁面上，但是機器卻可以識別。
meta是個單標簽，且該標簽擁有很多屬性，先來看看它的屬性：
meta總用有兩類屬性：name和http-equiv
name屬性主要用于描述網頁，比如網頁的關鍵詞，敘述等。與之對應的屬性值為content，content中的內容是對name填入類型的具體描述，便于搜索引擎抓取。
meta標簽中name屬性語法格式是：
<!--<meta name="參數" content="具體的描述">-->
先看看name的幾個常用參數：
keywords(關鍵字)：用于告訴搜索引擎，你網站的關鍵字是什么，seo也跟這塊是有關的，又要問什么是seo，seo其實就是特么的砸錢（學seo的同學不要噴我），給錢就上前幾（手動滑稽）。
<meta name="keywords" content="美女直播，9158，最好玩的視頻直播社區">
description(描述)：用于告訴搜索引擎，你的主要內容是什么。
<meta name="description" content="火熱的視頻直播社區，坐標杭州">
viewport(移動端的窗口):這個屬性常用于設計移動端網頁。在用bootstrap,AmazeUI等框架時候都有用過viewport，又巴拉巴拉兩個詞不知道啥東西，先記著后面遇到了再回來補充，如果我還記得的話....。
<meta name="viewport" content="width=device-width, initial-scale=1">
robots(定義搜索引擎爬蟲的索引模式):robots用來告訴爬蟲哪些頁面需要索引，哪些頁面不需要索引。content的參數有all,none,index,noindex,follow,nofollow。默認是all。
<meta name="robots" content="none">
具體參數如下：
1.none : 搜索引擎將忽略此網頁，等價于noindex，nofollow。
2.noindex : 搜索引擎不索引此網頁。
3.nofollow: 搜索引擎不繼續通過此網頁的鏈接索引搜索其它的網頁。
4.all : 搜索引擎將索引此網頁與繼續通過此網頁的鏈接索引，等價于index，follow。
5.index : 搜索引擎索引此網頁。
6.follow : 搜索引擎繼續通過此網頁的鏈接索引搜索其它的網頁。 author(作者)：用于標注網頁的作者。
<meta name="author" content="一個正在學前端的python lowB玩家">
copyright(版權)：用于標注版權信息
<meta name="copyright" content="沒版權，目前是盜版">
revisit-after(搜索引擎爬蟲重訪時間)：如果頁面不是經常更新，為了減輕搜索引擎爬蟲對服務器帶來的壓力，可以設置一個爬蟲的重訪時間。如果重訪時間過短，爬蟲將按它們定義的默認時間來訪問，從一個小哥博客上cp過來的，概念模模糊糊的。
<meta name="revisit-after" content="7 days" >
renderer(雙核瀏覽器渲染方式)：renderer是為雙核瀏覽器準備的，用于指定雙核瀏覽器默認以何種方式渲染頁面。比如說360瀏覽器。這個我也不太明白，后面弄懂了再補充吧。。
<!--//默認webkit內核--><meta name="renderer" content="webkit"> <!--//默認IE兼容模式--><meta name="renderer" content="ie-comp"> <!--//默認IE標準模式--><meta name="renderer" content="ie-stand">
http-equiv屬性：
相當于定義HTTP的作用，比如說定義些HTTP參數啥的。
meta標簽中http-equiv屬性語法格式是：
<meta http-equiv="參數" content="具體的描述">
看看http-equiv的幾個常用參數：
content-Type(設定網頁字符集)(推薦使用HTML5的方式)：設定網頁的字符集，便于瀏覽器解析與渲染頁面。
<!--舊的HTML字符集定義方式，不推薦--><!--<meta http-equiv="content-Type" content="text/html;charset=utf-8">--><!--//HTML5設定網頁字符集的方式，推薦使用UTF-8--><meta charset="UTF-8">
媽蛋，去他妹的強迫癥，勞資不對齊了。。。。。。
X-UA-Compatible(瀏覽器采取何種版本渲染當前頁面)：用于告知瀏覽器以何種版本來渲染頁面。（一般都設置為最新模式，在各大框架中這個設置也很常見。）
<!--瀏覽器采取何種版本渲染當前頁面--><!--//指定IE和Chrome使用最新版本渲染當前頁面--><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
cache-control(指定請求和響應遵循的緩存機制)：指導瀏覽器如何緩存某個響應以及緩存多長時間。
<!--指定請求和響應遵循的緩存機制--><meta http-equiv="cache-control" content="no-cache">
共有以下幾種用法：
1.no-cache: 先發送請求，與服務器確認該資源是否被更改，如果未被更改，則使用緩存。2.no-store: 不允許緩存，每次都要去服務器上，下載完整的響應。（安全措施）3.public : 緩存所有響應，但并非必須。因為max-age也可以做到相同效果4.private : 只為單個用戶緩存，因此不允許任何中繼進行緩存。（比如說CDN就不允許緩存private的響應）5.maxage : 表示當前請求開始，該響應在多久內能被緩存和重用，而不去服務器重新請求。例如：max-age=60表示響應可以再緩存和重用 60 秒。 參考鏈接：HTTP緩存
expires(網頁到期時間)：用于設定網頁的到期時間，過期后網頁必須到服務器上重新傳輸。
<!--網頁到期時間--><meta http-equiv="expires" content="Sunday 26 October 2020 01:00 GMT" />
refresh(自動刷新并指向某頁面)：網頁將在設定的時間內，自動刷新并調向設定的網址。
<!--設置多長時間后跳轉到指定地址，基于網頁上的重定向，一般不會這么做--><meta http-equiv="refresh" content="2；URL=http://www.9158.com/">
meta標簽相關的內容是摘抄網上一位小哥的文章，下面是地址：
https://segmentfault.com/a/1190000004279791
寫了一半明天繼續，收工回家～
link標簽：
<link>標簽定義了當前文檔與 Web 集合中其他文檔的關系，比如：定義html中使用的的外聯css文件。link 元素是一個空元素，它僅包含屬性。此元素只能存在于 head 部分，不過它可出現任何次數。在 HTML 中，<link> 標簽沒有結束標簽。在 XHTML 中，<link> 標簽必須被正確的關閉。link元素還包括很多可選屬性: charset, href, hreflang, media, rel, rev, target, title和type。這些屬性中，target只允許在Transitional和Frameset兩種DTD中使用，其它都可在Strict, Transitional和Frameset三種DTD中使用。 這些屬性中rel是核心，搜索引擎可以根據rel獲取更多的有關鏈接的信息。
下面先來看下rel相關的一些參數
stylesheet(調用外部樣式表)：讓html使用指定url的css樣式文件。
<link rel="stylesheet" href="./css/index.css" type="text/css" media="screen">
其中href是目標文檔的URL， type則規定了目標URL的MIME類型，而media規定了文檔將顯示在什么設備上，media: [“screen”:表示顯示器設備; "print":表示打印設備;]。
icon(設置網站標題前面的小圖標)：?定義網站收藏夾圖標
?
?
style標簽
script標簽：
?
)
)