一.特殊字符
| | 空格 | |
| < | < | 小於號 |
| > | > | 大於號 |
剩下的查閱即可
特點:
1.以&開頭,以;結尾
2.不是標籤,而是符號
3.在html中不能使用"<"和">"號,瀏覽器會將他們作爲標籤解析,若要正確顯示,就需要使用特殊字符
二.列表標籤
無序標籤 ul
有序標籤 ol
自定義標籤
1.無序標籤 各個列表項之間沒有順序級別之分,是並列的,其基本語法格式如下:
<ul>
<li> 列表項1</li>
<li> 列表項2</li>
<li> 列表項3</li>
</ul>
無序列表的特點:
1.<ul></ul> 中只能嵌套<li> </li> ,直接在<li> </li>標籤中輸入其他標籤或者文字的做法是不允許的
2.<li> 與<li>之間相當於一個容器,可以容納所有元素
3.無序列表會帶有自己的樣式屬性,可以用css來做改變
有序列表,各個列表項之間有順序級別之分,其基本語法格式如下:
<ol>
<li>中國</li>
<li>美國</li>
<li>印度</li>
</ol>
有序列表的特點:
1.<ol></ol> 中只能嵌套<li> </li> ,直接在<li> </li>標籤中輸入其他標籤或者文字的做法是不允許的
2.<li> 與<li>之間相當於一個容器,可以容納所有元素
3.有序列表會帶有自己的樣式屬性,可以用css來做改變
自定義列表
定義列表常用於對術語或者名詞進行解釋和描述,定義列表項前沒有進行任何項目符號.其基本語法如下:
<dl>
<dt>名詞1</dt>
<dd>名詞解釋1</dd>
<dd>名詞解釋2</dd>
<dd>名詞解釋3</dd>
<dt>名詞2</dt>
<dd>名詞解釋1</dd>
<dd>名詞解釋2</dd>
<dd>名詞解釋3</dd>
</dl>
3.表格 table(重點)
表格不是用來佈局的,而是用來顯示錶格數據
表格的學習要求:能手寫表格結構併合並單元格
表格的語法格式:
<table>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
三行三列
<tr> 行 <td>單元格
td中願意放啥放啥
屬性
| width | 寬 | 像素值 |
| height | 高 | 像素值 |
| align | 對齊 | left,center,right |
| cellspacing | 單元格之間的距離 | 相當於margin |
| cellspadding | 單元格與內容之間的距離 | 相當於內邊距 |
在.表格真實的使用過程中.一般都會設置三參爲零
border,cellpadding,cellspacing爲
3.表格標題和表頭單元格
<th></th>表頭標籤
將<td>改爲<th>即爲表頭標籤
4.表格標題
<caption> </caption>
表格標籤的特點:
1.僅跟在table標籤後,
2.只存在於表格中僅有一個
5.表格 分爲
頭部---------------------頭部 <thead></thead>
----------------------身份<tbody></tbody>
瀏覽器會自動生成,便於體現表格層次
6. 合併單元格
跨行合併
跨列合併
6.1 跨行合併 cospan 屬性
計算順序,就是:至上而下,至左至右
然後刪除多餘的單元格
公式: 刪除的個數=合併個數-1;
6.2 跨列合併 rowspan
1. 確認跨行合併 rowspan
2.先上後下,先左後右
3.刪除的個數
7.表單提交:收集用戶信息
在html中,一個完整的表單包括表單控件 也成爲表單元素,提示信息和表單域3個部分構成
| 表單控件 | ||
| 提示信息 | ||
| 表單域 |
input 控件
input輸入的意思
<input type="text" />
屬性 type value 是默認值
type類型
| text | 文字 |
| password | 密碼 |
| radio | 單選 |
| checkbox | 複選框 |
| button | 普通按鈕 |
| submit | 提交按鈕 |
| reset | 重置按鈕 |
| image | 圖像形式的提交按鈕 |
| name | 控件名字 |
| value | input控件中的默認值 |
| size | 寬度 |
| checked | 默認被選中 |
| maxlength | 允許輸入最多的字符數 |
radio 如果是一組,我們必須給他相同的名字那麼,這樣就最多選一個了
8.label 標籤
<label> 用戶名: <input type="text"> </label>
光標定位進行包裹
<label for="pwd">
用戶名:<input type="text">
密碼:<input type="password" id="pwd">
</label>
10.textarea控件(文本域)
多行文本
<textarea cols="每行中的字符數" rows="顯示的行數">
文本內容
</textarea>
11.下拉菜單
select選擇
<select>
<option>選項1 </option>
<option>選項2</option>
<option>選項3</option>
</select>
特徵:
1.<select></select>至少包含一對<option>選項1 </option>
2.在option 中定義 selected="selected"時,當前項即爲默認選中項
12.表單域
form------即爲表單域,將域內信息提交給服務器
<form action="url地址" method="提交方式" name="表單名稱">
</form>
submit/reset 作用域在於表單域範圍內name是指提交的key鍵
13.查文檔.
w3c文檔
MDN文檔
---------------------------------------html標籤結束