瀏覽器數據請求過程:?
1.按下回車時瀏覽器根據輸入的URL地址發送請求報文
2.服務器接收到請求報文，會對請求報文進行處理
3.服務器將處理完的結果通過響應報文返回給瀏覽器
4.瀏覽器解析服務器返回的結果，將結果顯示出來
URL格式：
127.0.0.1/index.html （瀏覽器會自動補全http:和：80）
http://127.0.0.1/index.html（瀏覽器會自動補全：80）
http://127.0.0.1:80/index.html（完整格式）
協議類型://ip地址:端口號/資源路徑/資源名稱
URL拆分
網絡協議類型 http://
服務器IP地址 127.0.0.1
服務器端口號 :80
資源路徑 網頁在服務器上的路徑
資源名稱 index.html
什么是HTTP協議
http://www.baidu.com? 協議類型是http
超文本傳輸協議（HTTP，HyperText Transfer Protocol) 用來規范瀏覽器和服務器的信息交換
什么是HTML
超文本標記語言 HyperText Markup Language縮寫 ?作用:給文本添加語義，而不是更改文本樣式的。可以利用HTML來告訴瀏覽器哪些是標題, 哪些是段落。
HTML的這些標簽是專門用來描述其它文本語義的, 并且在瀏覽器中不會被顯示出來, 所以我們稱這些文本為"超文本", 而這些文本又叫做標簽, 所以HTML被稱之為"超文本標記語言"
html文件可以被記事本打開, 是一個純文本文件
IETF簡介
IETF是英文Internet Engineering Task Force的縮寫, 翻譯過來就是"互聯網工程任務組"
IETF負責定義并管理因特網技術的所有方面。包括用于數據傳輸的IP協議、讓域名與IP地址匹配的域名系統（DNS）、用于發送郵件的簡單郵件傳輸協議（SMTP）等
W3C簡介
W3C是英文World Wide Web Consortium的縮寫， 翻譯過來就是W3C理事會或萬維網聯盟,? W3C是全球互聯網最具權威的技術標準化組織.
W3C于1994年10月在麻省理工學院計算機科學實驗室成立。創建者是萬維網的發明者Tim Berners-Lee
W3C負責web方面標準的制定，像HTML、XHTML、CSS、XML的標準就是由W3C來定制的。
負責web方面標準的制定，像HTML、XHTML、CSS、XML的標準就是由W3C來定制的。
html標簽
用于告訴瀏覽器這是一個網頁, 也就是說告訴瀏覽器我是一個HTML文檔
其它所有的標簽都必須寫在html標簽里面, 也就是寫在html開始標簽和結束標簽中間
head標簽
用于給網站添加一些配置信息
一般情況下, 寫在head標簽內部的內容都不會顯示給用戶查看
title標簽
專門用于指定網站的標題, 并且這個指定的標題將來還會作為用戶保存網站的默認標題
title標簽必須寫在head標簽里面
body標簽
專門用于定義HTML文檔中需要顯示給用戶查看的內容(文字/圖片/音頻/視頻)
一對html標簽中(一個html開始標簽和一個html結束標簽)只能有一對body標簽
meta標簽
<meat charset="UTF-8" />作用: 指定字符集 (不同的字符集對應不同的文字) 防止亂碼的出現
GBK(GB2312)里面存儲的字符比較少, 僅僅存儲了漢字和一些常用外文? ?//? 體積比較小
UTF-8里面存儲的世界上所有的文字? ? //? 體積比較大
在HTML文件中指定的字符集必須和保存這個文件的字符集一致, 否則還是會出現亂碼
DTD文檔聲明?
<!DOCTYPE html>作用: 讓瀏覽器識別HTML版本規范
聲明必須是 HTML 文檔的第一行，位于標簽之前
聲明不是 HTML 標簽 ?聲明沒有結束標簽 ? 聲明對大小寫不敏感
這個聲明瀏覽器會看, 但是并不是完全依賴于這個聲明, 瀏覽器有一套自己的默認的處理機制
不寫也能運行 ?H5網頁里面用H4也能運行
H標簽<h1></h1>
一共有6個, 從H1~H6，超過6則無效
會獨占一行，H1最大, H6最小?
在企業開發中一般情況下一個界面中只能出現一個H1標簽
P標簽<p></p>
告訴瀏覽器哪些文字是一個段落,會單獨占一行(paragraph)
<hr>分割線，會單獨占一行
<br>換行
<!---->HTML注釋 ? ?/**/CSS注釋
img標簽(image)<img src="" alt="" title="">?
作用: 在網頁上插入一張圖片
src ： 路徑 (source) ?alt: 當圖片不存在時, 顯示說明(alternate)
title： 懸停描述 ?height，??width
不會獨占一整行。圖片等比拉伸, 只寫高度或者寬度即可
絕對路徑： 從根目錄開始查找? ?（移植性太差、把寫到的代碼拷貝到另外一臺電腦上不能夠正常運行）
相對路徑： 在當前.html目錄中查找
a標簽
href：跳轉的地址
target： 默認self （_blank 開一個新的頁面跳轉, _self當前頁面跳轉）
title：懸停文本
http: 不安全 https 安全
base標簽<base target="_blank" />
放在header標簽里 ，作用：指定整個網頁按照哪種格式打開 _blank _slef?
既有base指定，也有a標簽指定? ，按照a標簽
假鏈接# 和 javascript:
#會跳轉到頂部 javascript :則無效?
無序列表ul li?(unordered list)li 英文是 list item, 翻譯為列表項
其實ul還有一個type屬性, 可以修改先導符號的樣式, 取值有disc（默認）、square（方塊）、circle（圓圈）
1.一定更要記住ul標簽中最好只放li標簽
2.但是li標簽中還可以繼續放其它的標簽
有序列表(ordered list)
不常用，一般都用無序列表，用法和ul都差不多
定義列表(definition list)
dt英文definition title, 翻譯為定義標題
dd英文definition description, 翻譯為定義描述信息? ?（dt dl 相當于一個li ）
dl應用場景:
網站底部相關信息
但凡看到一堆內容都是用于描述某一個內容的時候就要想到dl
作者：極客江南
