（一）url簡介：
url即統一資源定位符，用於指定web資源所在位置。url有三個關鍵部分：模式、主機位址和檔案路徑。
模式標識了檔案的傳輸方式與協議，大部分網頁採用超文字傳輸協議，故使用http:// 開頭。主機位址一般為**網域名稱，也可以使數字形式的ip位址。檔案路徑總是以「/」開始，對應著**的目錄結構。若檔案路徑中沒有包含檔名，**通常返回預設檔案，如www.baidu.com和www.baidu.com/index.php效果是一樣的（一號店官網也是這樣）。
（二）絕對路徑（url）和相對路徑（url）
web中每乙個檔案都有唯一確定的url，該完整的url即為絕對路徑。相對路徑用於指示資源相對於當前網頁的位置（相對url只適用於相同**的檔案）。
假設當前網頁url為
要新增同一目錄下的jack.htm網頁連線，只需使用：jack.htm"> ，其對應的絕對路徑為： （
要新增子目錄下jack1/jack1.htm,只需使用：jack1/
jack1.htm
"> ，其對應的絕對路徑為：
（jack1.htm
）父目錄使用 jack1.htm
">
根目錄使用 .htm
">
（三）元素
base元素指定了網頁的基url，當瀏覽器遇到相對url時，會在其前面新增基url。
假設已有，當遇到時，其相應的鏈結絕對位址應為
我的**主目錄下有兩個檔案/testsmarty/templates/test1.htm和/testsmarty/templates/test2.htm.
這裡是test1頁面
轉向第二個頁面
這裡是test2頁面
轉向第乙個頁面
006 HTML的CSS與鏈結
html的css html4.0後，所有元素的格式化 均可移除html文件，然後乙個對立的樣式表。瀏覽器讀到乙個樣式表，會按樣式表對html文件進行格式化，再顯示出來。樣式表的三種插入方式 1.外部樣式表 說明 此方法適用於樣式需要被應用到很多頁面的情況 2.內部樣式表 head部分通過標籤定義內部...
HTML與CSS學習筆記 7
1 響應式布局 利用 查詢，即media queries，可以針對不同的 型別定義不同的樣式，從而實現響應式布局。常見選項 型別 and not min width max width 例如 media all and min width 500px and max width 700px 當解析度...
HTML學習筆記四 鏈結詳解與頭部概念
鏈結文字 注意 在url後面加上rel noopener noreferrer 這段語句，它的意思是不會開啟其他的 可以防止釣魚 使用target屬性可以定義鏈結在 顯示 例如 將target屬性設定為 blank 時，會在新標籤頁開啟文件 屬性值 id屬性可用於建立在乙個html文件書籤標記。例如...