HTML（基礎标簽）

HTML标簽複習

<a>标簽

超連結，成對出現

屬性：

href：連結位址
	外網位址  需在連結位址之前加上http協定頭
	内部位址  注意相對位址和絕對位址的概念
	網頁錨    “#XXX” 和name屬性搭配使用（“#”空連接配接，預設跳回網頁頭部）
	下載下傳檔案  位址是資源路徑
	郵箱跳轉  "mailto:***@***.com"

name：錨點命名（可以用id代替），id和name都可以與href結合起來使用，同理name的值在同一文檔必須是唯一的

target：
	_self  目前視窗打開（預設）
	_blank 新視窗打開
	_top 跳出架構打開網頁
	_parent 在父視窗打開網頁
	framename 在指定的架構中打開網頁
	
title：滑鼠懸停出現的提示文本

           

<img>标簽

圖檔标簽，自閉合

屬性：

src：規定顯示圖像的 URL

alt：規定圖像的替代文本

height weight：圖檔的寬高
	注意：隻聲明weight或height其中之一不會改變圖檔的寬高比
	提示：請不要通過 height 和 width 屬性來縮放圖像
	     如果通過 height 和 width 屬性來縮小圖像，那麼使用者就必須下載下傳大容量的圖像（即使圖像在頁面上看上去很小）
		 正确的做法是，在網頁上使用圖像之前，應該通過軟體把圖像處理為合适的尺寸
	提示：如果需要一個純色塊，可以使用一個像素的顔色素材，使用寬高屬性進行調整
	
titile：滑鼠懸停出現的提示文本

           

HTML清單

清單的基本結構：
<ol> 有序清單,order_list
	<li></li>
</ol>

<ul> 無序清單,unorder_list
	<li></li>
</ul>

<dl> 自定義清單，definition list，一般用于頁腳
	<dt> 定義項目，一個dl中一個dt結構更加清楚，但不是硬性規定
		<dd></dd> 定義的描述
    </dt>
</dl>

<ul>屬性

type:辨別符
	disc    實心圓
	circle  空心圓
	square  實心方塊
	
<ol>屬性

type:辨別符
	預設是數字
	A/a/I/i 
	字母大寫/小寫/羅馬大寫/小寫
	
star：清單初始辨別，表示清單第一項的計數從多少開始

           

HTML表格

表格的基本結構：
<table>：定義表格
	<th>...</th>  定義表格中的表頭内容
	<tr>  定義表格對的行
		<td>  定義表格對的列
			  .....
		</td>
	</tr>
</table>

屬性：

width:        寬度
height:       高度
bgcolor:      背景顔色
border:       邊框的寬度
cellspacing   單元格之間的外間距
cellpadding   字型與單元格邊框的内間距

align: 表格内容水準方向調整
	left            左對齊内容
	right           右對齊内容
	center          居中對齊内容
	justify         對行進行伸展
	
valign: 表格内容豎直方向調整
	top             對内容進行上對齊
	middle（預設）   對内容進行居中對齊
	bottom          對内容進行下對齊
	baseline	    與基線對齊
	
如果要實作跨行和跨列需要設定以下兩個屬性：
	colspan( x )	跨x列
	rowspan( y )	跨y行
	
           

<form>表單

簡單表單，傳參給後端（初級階段傳參方法）

屬性：
action 送出跳轉行為，把所收集的資料送給某個子產品去處理

method 傳參方式
	post 參數隐藏傳遞
	get  參數明文顯示在url上
	
           

<input>标簽

擷取使用者輸入，自閉合

屬性：

type 指明類型
	text      文本
	password  密碼字段字元不會明文顯示，而是以星号或圓點替代
	
	radio     單選框
		name相同的單選是同一組，value不可省略
		
	checkbox  複選框
	submit    送出表單資料，便捷方式，使用<button>标簽來實作更好
	reset     重置按鈕，重置為初始狀态
	url       自動檢查網頁格式
	email     自動檢查郵箱格式
	
value 元件的值，文本框會顯示，選項框就表示目前選項的值 	
	
placeholder 在文本框中顯示不可删除的文字(HTML5)

name:後端識别
	 例：Request.Params("XXX");//XXX就是name中定義的内容

disabled 屬性，禁止選取
checked  屬性，初始選取
           

<label>标簽

和input标簽搭配使用

屬性：

for 綁定input标簽的id
技巧：嵌套使用就不需要使用for進行綁定
<label>Date:<input type="text" name="B"/></label>

           

<textarea>标簽

文本域，範圍輸入

css resize:none; 可以讓文本域不被随意拖拽

屬性：

cols   文本域的列 
rows   文本域的行

           

<select>标簽

下拉選框，和選項标簽嵌套使用

屬性：

name       選框名

<option>的屬性：
	selected   屬性，預設選中項
	value      選項的值