以下內容均為個人學習筆記。
HTML 鏈接
注意：請始終將正斜杠添加到子文件夾。假如這樣書寫鏈接：，就會向服務器產生兩次 HTTP 請求。這是因為服務器會添加正斜杠到這個地址，然后創(chuàng)建一個新的請求，就像這樣：。
HTML CSS
- 內聯(lián)樣式- 在HTML元素中使用"style" 屬性
- 內部樣式表 -在HTML文檔頭部 <head> 區(qū)域使用<style> 元素 來包含CSS
- 外部引用 - 使用外部 CSS 文件
最好的方式是通過外部引用CSS文件。
HTML 圖像
使用<img>標簽定義 HTML 頁面中的圖像。<img>標簽有兩個必需的屬性：src和alt。
注意：假如某個 HTML 文件包含十個圖像，那么為了正確顯示這個頁面，需要加載 11 個文件。加載圖片是需要時間的，所以我們的建議是：慎用圖片。
注意：加載頁面時，要注意插入頁面圖像的路徑，如果不能正確設置圖像的位置，瀏覽器無法加載圖片，圖像標簽就會顯示一個破碎的圖片。
HTML 表格
有以下兩個屬性，用于調整HTML表格中單元格的空間：
-
cellspacing屬性-定義表格單元格之間的空間 -
cellpadding屬性-表示單元格邊框與單元格內容之間的距離
合并單元格：
- 如果要將兩個或多個列合并為一個列，將使用
colspan屬性 - 如果要合并兩行或更多行，則將使用
rowspan屬性
表可以包含多個<tbody>元素以指示不同的頁面。
但值得注意的是<thead>和<tfoot>標簽應出現(xiàn)在<tbody>之前
HTML 列表
注意：列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。
HTML 布局
注意：使用 CSS 最大的好處是，如果把 CSS 代碼存放到外部樣式表中，那么站點會更易于維護。通過編輯單一的文件，就可以改變所有頁面的布局。
注意：由于創(chuàng)建高級的布局非常耗時，使用模板是一個快速的選項。通過搜索引擎可以找到很多免費的網(wǎng)站模板（您可以使用這些預先構建好的網(wǎng)站布局，并優(yōu)化它們）。
HTML URL
一個網(wǎng)頁地址實例: //www.w3cschool.cn/html/html-tutorial.html語法規(guī)則:
scheme://host.domain:port/path/filename
說明:
- scheme - 定義因特網(wǎng)服務的類型。最常見的類型是 http
- host - 定義域主機（http 的默認主機是 www）
- domain - 定義因特網(wǎng)域名，比如 w3cschool.cn
- :port - 定義主機上的端口號（http 的默認端口號是 80）
- path - 定義服務器上的路徑（如果省略，則文檔必須位于網(wǎng)站的根目錄中）。
- filename - 定義文檔/資源的名稱
常見的 URL Schemes：
| Scheme | 訪問 | 用于... |
|---|---|---|
| http | 超文本傳輸協(xié)議 | 以 http:// 開頭的普通網(wǎng)頁。不加密。 |
| https | 安全超文本傳輸協(xié)議 | 安全網(wǎng)頁，加密所有信息交換。 |
| ftp | 文件傳輸協(xié)議 | 用于將文件下載或上傳至網(wǎng)站。 |
| file | 您計算機上的文件。 |
URL 字符編碼
- URL 只能使用 ASCII 字符集。
- URL 編碼會將字符轉換為可通過因特網(wǎng)傳輸?shù)母袷?。來通過因特網(wǎng)進行發(fā)送，由于
URL 常常會包含 ASCII 集合之外的字符，URL 必須轉換為有效的 ASCII 格式。 - URL 編碼使用 "%" 其后跟隨兩位的十六進制數(shù)來替換非 ASCII 字符。
- URL 不能包含空格。URL 編碼通常使用 + 來替換空格。
margin padding 屬性
簡寫方式：
padding: 10px 20px 10px 20px;
margin: 10px 20px 10px 20px;
這四個值以順時針方式排列：頂部、右側、底部、左側，簡稱：上右下左。
兩個div的垂直排列，其中上面div的margin-bottom: 10px，下面div的margin-top: 20px，兩者之間的距離為 20px。（取兩者 margin 的 Max）。
