div
<div> 可定義文檔中的分區(qū)或節(jié)(division/section)。
<div> 標簽可以把文檔分割為獨立的屑宠、不同的部分厢洞。它可以用作嚴格的組織工具,并且不使用任何格式與其關聯(lián)典奉。
如果用 id 或 class 來標記 <div>躺翻,那么該標簽的作用會變得更加有效。
div標簽中內容相當于一個獨立的邏輯部分秋柄,屬于塊級元素获枝。
table
<table> 標簽定義 HTML 表格。
簡單的 HTML 表格由 table 元素以及一個或多個 tr骇笔、th 或 td 元素組成省店。
tr 元素定義表格行,th 元素定義表頭笨触,td 元素定義表格單元懦傍。
更復雜的 HTML 表格也可能包括 caption、col芦劣、colgroup粗俱、thead、tfoot 以及 tbody 元素虚吟。
-
<table>
相當于整個表格的根標簽 -
<caption>
表格標題寸认,必須緊跟table開始標簽之后 -
<thead>
表頭內容 -
<tbody>
表格主體签财,用于組合HTML表格的主體內容,應與<thead>
和<tfoot>
結合起來使用 -
<tfoot>
表注(頁腳)內容 -
<tr>
表格的一行 -
<td>
標準單元格 -
<th>
表頭單元格
thead偏塞、tbody唱蒸、tfoot標簽使用的話必須全部使用,并且出現(xiàn)的次序是:thead灸叼、tbody神汹、tfoot,在table內部使用古今。
a
<a href="鏈接" title="標題" target="方式" ></a>
<a>
標簽定義超鏈接屁魏,用于從一個頁面跳到另一個頁面,跳到的頁面由屬性href
設定捉腥,重要屬性還有target
設置何處打開鏈接文檔氓拼,如_self
當前頁面打開,_blank
新頁面打開但狭,title
文本內容披诗,用于描述鏈接地址的內容,鼠標停留在鏈接文字上時立磁,會顯示該文本內容呈队,實際網(wǎng)頁開發(fā)中作用很大,方便搜索引擎了解所鏈接地址的內容唱歧,語義化更友好宪摧。另外還可以鏈接Email地址,使用mailto颅崩,詳細如圖:
img
<img src="圖像地址" alt="替代描述文字" title="圖像描述文字" />
圖片標簽几于,使用<img>
向網(wǎng)頁中插入圖片。主要屬性有:
- src 標識圖像的位置
- alt 圖像的描述性文本沿后,當圖片不可見時沿彭,將顯示該文本
- title 圖像的描述,當鼠標停留圖像上是顯示
form
<form action="提交的地址" method="提交方式">
...
</form>
<form>
標簽用于為用戶輸入創(chuàng)建 HTML 表單尖滚,用于向服務器傳輸數(shù)據(jù)喉刘。主要屬性:
- action 數(shù)據(jù)將被傳送的地方,一個服務端地址漆弄。
- method 數(shù)據(jù)傳輸?shù)姆绞侥郎眩諫ET和POST。
表單的所有控件必須放在<form></form>標簽之間撼唾,常用控件有文本框廉邑、文本域、單選框、復選框等蛛蒙。
input
主要屬性:
type 指定input框類型糙箍。
type="text"
--> 文本輸入框
type="password"
--> 密碼輸入框
type="radio"
--> 單選框
type="checkbox"
--> 復選框
type="submit"
--> 提交按鈕,提交表單信息
type="reset"
--> 重置按鈕牵祟,重置表單信息到初始時的狀態(tài)name 為文本框命名倍靡,備后臺程序使用。
value 設置默認值
當type為radio/checkbox時课舍,可設置checked屬性,控制是否默認選中他挎。同一組單選按鈕筝尾,name取值一定要一致。
textarea
文本域办桨,多行文本輸入筹淫。語法:
<textarea name="名稱" row="行數(shù)" cols="列數(shù)">文本...</textarea>
select
<select>
<option value="提交值">選項</option>
<option value="提交值2" selected="selected">選項2</option>
...
</select>
下拉列表選擇框,selected="selected"
設置默認選中呢撞。在select標簽中設置multiple="multiple"屬性损姜,可實現(xiàn)多選功能,但基本上沒人使用殊霞。
label
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>
<label>
標簽為 input 元素定義標注(標記).
label 元素不會向用戶呈現(xiàn)任何特殊效果摧阅。不過,它為鼠標用戶改進了可用性绷蹲。如果您在 label 元素內點擊文本棒卷,就會觸發(fā)此控件。就是說祝钢,當用戶選擇該標簽時比规,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。
<label>
標簽的 for 屬性應當與相關元素的 id 屬性相同拦英。
其他
-
<p>
文章的段落蜒什,一個p標簽就是一個段落。 -
<hx>
文章的標題疤估,h1~6六個灾常,分別為一到六級標題,并且重要性遞減做裙。 -
<em>
表示強調語氣岗憋,瀏覽器中默認斜體樣式。 -
<strong>
表示強調語氣锚贱,比em更強烈仔戈,瀏覽器默認粗體樣式顯示。 -
<span>
沒有語義 -
<q>
短文本引用 -
<blockquote>
長文本引用 -
<br>
換行 -
<hr>
用于分隔的水平橫線 -
<address>
地址信息 -
<code>
行級代碼 -
<pre>
段級代碼 -
<ul>/<li>
無序列表 -
<ol>/<li>
有序列表