註釋標籤  

<!-- 註釋語句 -->   ctrl + /       或者 ctrl +shift + / 

註釋內容不會顯示在瀏覽器視窗中，但是作為HTML文件內容的一部分，也會被下載到使用者的計算機上，檢視原始碼時就可以看到。

相對路徑

以引用檔案之網頁所在位置為參考基礎，而建立出的目錄路徑。因此，當儲存於不同目錄的網頁引用同一個檔案時，所使用的路徑將不相同，故稱之為相對路徑。

1. 影像檔案和HTML檔案位於同一資料夾：只需輸入影像檔案的名稱即可，如img src="logo.gif" /。

2. 影像檔案位於HTML檔案的下一級資料夾：輸入資料夾名和檔名，之間用“/”隔開，如img src="img/img01/logo.gif" /。

3. 影像檔案位於HTML檔案的上一級資料夾：在檔名之前加入“../” ，如果是上兩級，則需要使用 “../ ../”，以此類推，如img src="../logo.gif" /。

絕對路徑

 

絕對路徑以Web站點根目錄為參考基礎的目錄路徑。之所以稱為絕對，意指當所有網頁引用同一個檔案時，所使用的路徑都是一樣的

“D:\web\img\logo.gif”，或完整的網路地址，例如“http://www.itcast.cn/images/logo.gif”。

列表標籤

無序列表 ul

<ul>
  <li>列表項1</li>
  <li>列表項2</li>
  <li>列表項3</li>
  ......
</ul>

有序列表 ol

<ol>
  <li>列表項1</li>
  <li>列表項2</li>
  <li>列表項3</li>
  ......
</ol>

自定義列表

<dl>
  <dt>名詞1</dt>
  <dd>名詞1解釋1</dd>
  <dd>名詞1解釋2</dd>
  ...
  <dt>名詞2</dt>
  <dd>名詞2解釋1</dd>
  <dd>名詞2解釋2</dd>
  ...
</dl>

表格 table

<table>
  <tr>
    <td>單元格內的文字</td>
    ...
  </tr>
  ...
</table>

表頭標籤

表頭一般位於表格的第一行或第一列，其文字加粗居中。

用表頭標籤 <th></th>替代相應的單元格標籤 <td></td>即可。

表格結構

在使用表格進行佈局時，可以將表格劃分為頭部、主體和頁尾（頁尾因為有相容性問題，我們不在贅述），具體 如下所示：

表格標題

表格的標題： caption

合併單元格

行合併：rowspan 跨列合併：colspan

合併單元格的思想：

​ 將多個內容合併的時候，就會有多餘的東西，把它刪除。 例如 把 3個 td 合併成一個， 那就多餘了2個，需要刪除。

​ 公式： 刪除的個數 = 合併的個數 - 1

合併的順序 先上 先左

label標籤

label 標籤為 input 元素定義標註（標籤）。

作用： 用於繫結一個表單元素, 當點選label標籤的時候, 被繫結的表單元素就會獲得輸入焦點

textarea控制元件

<textarea cols="每行中的字元數" rows="顯示的行數">
  文字內容
</textarea>

下拉選單

<select>
  <option>選項1</option>
  <option>選項2</option>
  <option>選項3</option>
  ...
</select>

表單域

<form action="url地址" method="提交方式" name="表單名稱">
  各種表單控制元件
</form>

1. Action在表單收集到資訊後，需要將資訊傳遞給伺服器進行處理，action屬性用於指定接收並處理表單資料的伺服器程式的url地址。

2. method用於設定表單資料的提交方式，其取值為get或post。

3. name用於指定表單的名稱，以區分同一個頁面中的多個表單。