入門前端必知必會之前端地基——html

作用：頁面框架

服務器返回瀏覽器一個文件，文件內容是字符串，瀏覽器將字符串中特殊內容做解析展示出效果，解析的規則按照html規則

在瀏覽器中展示不解析html標籤：

• &gt， &lt
• &nbsp
  python最簡單的socket返回html字符串

import socket
client.send(bytes("HTTP1.0",encoding='utf-8'))

html組成

• 申明html規則，瀏覽器解析規則
• html內容
  • head 標籤
  • body標籤
• 註釋：<!-- comment -->

head中的

• title：瀏覽器打開一個標籤，標籤顯示的信息
• link：引用
  • rel：stylesheet——css，shotcut icon
• meta（自閉和標籤）
  • charset屬性
  • http-equiv + Content：Refresh刷新，Content（和http-equiv一同使用）—— "2; Url：xxxx"兩秒刷新，並跳轉到Url的地址
  • content：搜索引擎收錄

body中的

所有標籤都可以加id， 元素的id是唯一的

• br換行
• p
• h1——h6標題標籤
• a跳轉：
  • 瀏覽器新開一個標籤：屬性taget新建跳轉
  • 錨點：href="#id_num" 符號# + 定位元素的id屬性值
• form表單，結合input/select/textarea提交
  • action提交到的後臺地址
  • method提交方式
  • enctype= “multipart/form-data”：文件上傳
• input用戶輸入（提交數據需要組合form標籤使用）：
  • type屬性：text明文；password密文；file選擇文件； radio選擇框——radio + 相同的name屬性值則互斥；checkbox複選框；submit提交數據（需要組合form標籤使用）； button按鈕（需要組合form標籤使用）； reset重置（需要組合form標籤使用）；
  • name提交表單的時候必須使用： name + value（value是用戶輸入）以字典形式提交過去
• select + option（提交數據需要組合form標籤使用）：下拉框
  • multiple屬性支持多選： size=10 默認顯示10個多選選項
  • name提交表單的時候必須使用： name + value（value屬性設定值）以字典形式提交過去
• select + group（提交數據需要組合form標籤使用）：分類/分組下拉框
  • name提交表單的時候必須使用： name + value（value屬性設定值）以字典形式提交過去
• textarea多行數據（提交數據需要組合form標籤使用）：
  • name提交表單的時候必須使用： name + value（value是用戶輸入）以字典形式提交過去
• ul（unordered list）+ li， ol（ordered list）+ li
• table + thead(tr行 + th/td列) + tbody：
  • boder屬性加邊框
  • colspan橫向合併
  • rowspan縱向合併
• filedset + legend署名邊框
• iframe： iframe + src="http:xxx"嵌套網頁，跨域會使用

塊級標籤

• div
• p

內聯標籤

span