html簡介及相關標籤介紹
首先，我們要了解什麼是html?
html被稱作超文字標記語言，是一門標記語言，即該語言由各類標記標籤組成。
為什麼學python要學html？
不管學習哪個語言，我們最後免不了要和網路、伺服器等打交道，連網頁都看不懂，你玩錘子呢。
《正式內容》
首先，我們不需要知道他的底層**是怎麼寫的，但是我們要知道html的結構和用法是怎麼樣的。
html結構，很簡單，在pycharm中新建乙個html檔案，然後基礎結構就會自動給你標好：
"en首先看下，第一行「」其實是說明，告訴直譯器，請按照html5規則解讀以下內容，稱作文件型別標籤，第二行「」，與文末的組成一對，前者表示開始，後者表示結尾，是規定語言，被稱作根標籤，lang即language，en代表english，根據你個人要求，可以將en改為zh，即中文【對於我這種菜雞而言，最好還是不要改了】，第三行看是就是標籤，head標籤，被稱作網頁頭部標籤，他由組成一對兒，這種由一對標籤組成的，是正常標籤，在head標籤內部，只有乙個標籤，被稱作自閉和標籤，這行的意思是規定本頁面的解碼器是utf8，title標籤的內容，則是修改網頁本身的題目，就是流量拿起最上方，瀏覽器網頁標籤的顯示內容。然後出現，網頁頭部結束，head標籤停止，meta，和title這兩個標籤均內嵌在head標籤中。接下來就是body標籤，body標籤中的內容，即我們網頁中的正文內容，形式會根據你標籤的不同表現有不同展示。至此，html網頁**基礎結構我們就看明白了。">
標籤屬性
標籤的目的是什麼？
標籤的目的是告訴瀏覽器，我這個內容是對應什麼格式，是什麼表現形式，瀏覽器根據我的需求將內容渲染出來，那麼問題來了，網頁的表現形式各式各樣，如何做到的呢？當然是修改標籤的屬性內容了，一行文字，我們找到他的顏色屬性，就可以把他們改成紅橙黃綠青藍紫，我們找到他的字型屬性，就可以把他變成行書草書楷體等等。
標籤屬性的基礎知識點：
標籤屬性通常以鍵值對形式出現，比如顏色一般是 color=「red」
標籤屬性也在正常標籤的開始標籤內，或者自閉和標籤內。為什麼呢，這個就要說到**執行問題，**執行是由上而下，由左而右，你要是寫到結束標籤內，都渲染完了，你告訴我你要換這個格式？你拿乙個肯德基桶給我，我吃完後你告訴我，你給我是希望我幫你把過期的肯德基扔垃圾桶去？自閉和標籤的話，就乙個標籤，你想寫到哪兒?
正常情況下呢，我們標籤和屬性名字都用小寫單詞，當然，對應的value，就不一定了......
有個簡單的寫法，當屬性的key和value是一模一樣的單詞的時候，例如 checked=「checked」 ，我們就可以偷懶，寫checked就好了，瀏覽器他會下意識的給你補全，總之，他認得。
標籤怎麼寫？我們不需要每次都打全單詞，因為pycharm是款非常友好的殘疾人程式設計器，你打乙個單詞，然後按一下tab，pycharm就自動給你補全了。
標籤分哪幾種，有什麼特點？
一般情況下，我們將標籤分為兩大類，即內聯標籤和塊狀標籤。塊狀標籤一般有p標籤，h標籤，table標籤，ol標籤，ul標籤，form標籤等等；內聯標籤一般有a標籤，input標籤，img標籤，sub標籤，sup標籤，span標籤等等；塊狀標籤的特點如下：第一條，他獨佔一行，他有自己的行高，和寬度，但是這一行，除非你用其他**來修正（這裡就是css和js的工作），否則，這一行，只有這個標籤內容，他所佔的地方，整行都是他的，也就是說，他前面有內容，那麼他就另一起行，如果他後面有內容，那麼請他後面的內容另起一行，如果不設定寬度，那麼寬度就是等於你這一行的長度，塊狀標籤內可以巢狀其他元素標籤，比如body內部欠乙個a標籤或者div標籤，這都是基操。內聯標籤的特效如下：他不獨佔一行，是的，不獨佔，導致的結果就是幾個標籤會從左到右跟你寫字一樣逐個排列，他無法設定寬和高，因為，永遠等於文字內容大小，內聯標籤如果內嵌的話，只能巢狀內聯標籤。
常用標籤
1、標題標籤，h1-->h6，字型大小不同
2、段落標籤，p標籤
4、div標籤，特點是「沒有特點！」，是的，你沒看錯......這裡我要解釋下，很多時候，我們為了**更加簡單易懂，就會盡可能的減少標籤使用，帶來的問題就是，沒有標籤，我對於內容的屬性設定咋辦？我要搞個黃色，沒地方放屬性的設定啊，這個時候，就有了div標籤，他沒有任何的特點，他就是乙個單純的塊狀標籤，單純到，你隨便設定，他都按你的來。
5、標籤，img標籤，用於插入
6、加粗/斜體標籤，加粗是b標籤或者strong標籤，斜體是i標籤或者em標籤，理論上b和i已經被淘汰了，但是耐不住人家只有乙個字母，翹起來方便啊
7、超連結標籤，這是爬蟲的時候，你需要不停看的乙個標籤，很重要哦，a標籤。
8.文字標籤，其本身就是個類似div的內聯標籤，也看不出效果，需要css
特殊符號
我們經常需要打一排空格，但是在html中，你就是空格敲了一網頁，渲染的時候，也認為你只有乙個空格，這就很尷尬了，為了解決這個問題，寫底層**的大佬為了彌補這個bug，就推出了特殊字元這個概念，他就是一些比較奇奇怪怪的符號，正常輸入，是沒辦法顯示的。
詳情見--->
特殊符號以&開頭，以；結尾，而我們經常用的特殊符號有以下幾個：
1、英文空格： ；
2、字元空格：&emsp；
3、半字空格：&ensp；
4、小於符號：<
5、大於符號：>
6、商標符號：&trade；
8、註冊符號：®；
要注意的是，大於和小於號，因為他的表型和標籤的尖括號是一模一樣的，和字母一起使用的時候，會被直譯器認為你標籤沒寫對出錯。
**：
**一般用於後端資料展示，分為表頭和錶身兩部分，相關標籤如下：
**：table
行標籤：tr
列標籤：td
合併行：rowspan
合併列：colspan
表單：表單的標籤如下：
表單標籤：form
form內的屬性：action=「提交的**」，method=「get/post」這個屬性只有兩個選項，一般搜尋用get，註冊用post，post會保護一部分隱私entype一般不改，需要上傳檔案的時候會調整為multipart/form-data，其中的text-plain一般沒人會用，據說比較渣......
input標籤，這是個神奇的標籤，表單中，他的存在佔了一大半。
textarea，文字域。
select，下拉框。
這裡詳細說下input標籤的屬性，他有不少，也都經常用。
input標籤下的屬性:
12"因為input更多為了互動，需要從前端把資料傳送到後端伺服器的資料庫，那麼我們要考慮到傳輸的方式和內容的格式，正常輸入資料庫，我們以鍵值對形式，那麼，我們需要乙個name和乙個value，那麼name需要在這裡定義好。假設我們註冊某個賬號，按照要求填寫使用者名稱12345，密碼123456，前端給後端傳送的內容是什麼？難道是？這個誰看得懂啊，，，，正確的格式應該是，資料庫從中提取後寫入儲存，所以，這裡我們需要設定乙個name屬性，當然name=「？」，這個？看個人需求，同樣value就是輸入的內容，如果是單選或者多選，你就要對應寫好value值。en">378
9"text
">文字框10"
password
">密碼框，輸入的東西會顯示「······」11"
radio
">單選框12"
checkbox
">多選框13"
file
">檔案上傳按鈕14"
submit
">提交按鈕15"
reset
">重置按鈕16"
hidden
">隱藏域，壓根看不到什麼
1718
19
其他屬性補充：
placeholder屬性，輸入框內的提示性文字
readonly屬性，唯讀，寫該屬性後，輸入框就不能輸入了
disable屬性，顧名思義，禁用
我們來描述乙個簡單的案例，我們需要做乙個如下圖的資訊蒐集頁面，或者說註冊頁面：
首先做個簡單的分析和標籤對應。
第一，這個是個表單，需要form標籤；
第二，這裡面大量使用了input標籤，拿出input標籤那塊的知識點放在旁邊。
第三，有按鈕，提交和重置，這個和一開始的輸入框都比較簡單，可以先寫下來。
完成**：
12"en">378
92930
31
H5中的web儲存
早期的的儲存通常使用cookie儲存在使用者的客戶端，並隨瀏覽器的請求一起傳送到伺服器的，它有一定的過期時間，過期後自動消失，也制約其發展的因素。1.html5的web儲存功能是讓網頁在使用者計算機上儲存一些資訊。web儲存又分為兩種 1 本地儲存，對應 localstorage 物件。用於長期儲存...
web學習之路 H5（四）
在這裡稍微總結一下前面學習的，前面三節大致講了最基礎的html的基礎知識，其實也就是一堆常用的標籤，其實知識都是互通的，比如我會android知識，學起來就覺得他們的整體還是很像的，這樣對比著學習比較好記憶。其中學習的常用標籤就類似android中控制項和元件一樣，還有它的整體風格都很像。大家如果有...
python學習之Web靜態伺服器
通過近幾天學習，完成乙個看可以在命令視窗啟動，使用命令指定埠的多工靜態web服務區。這篇文章只附上了主要 html檔案不附 usr bin env python coding utf 8 import socket import re import sys import gevent from ge...