<span style="font-size:18px;">超鏈接:
1 標籤
語法: <a href="鏈接跳轉後的地址 " >鏈接文字</a><
例子: <a href="http://www.baidu.com" >百度一下就知道</a>
2.超鏈接target屬性
語法 <a href="鏈接跳轉後的地址" target="打開的方式">鏈接文字</a>
target屬性的值。_self 默認方式,即在當前窗口打開鏈接<在一個全新的空白窗口中打開鏈接>在當前框架的上一層裏打開鏈接
3.超鏈接 有兩種鏈接方式:一種是內部鏈接,另一種是外部鏈接。內部鏈接指的是超鏈接的鏈接對象是在同一個網站中的資源。與自身網站頁面有關的鏈接被稱爲內部鏈接。“超鏈接a標籤”的例子就是外部鏈接,這個超鏈接的鏈接對象是外部網站。而內部鏈接的鏈接對象是網站的其他頁面或當期頁面。
<title>超鏈接之內部鏈接</title>
<a href="網頁2.aspx">跳轉到網頁2</a>
<a href="test\網頁3.aspx">跳轉到網頁3</a></span><span style="font-size:14px;">
</span>
4、錨點鏈接簡介
錨點鏈接是內部鏈接的一種,它鏈接對象是當前頁面的某一個部。
有些網頁由於內容比較多,導致頁面過長,訪問者需要不停地拖動瀏覽器上的滾動條來查看文檔中的內容。
<span style="font-size:18px;"><span style="font-size:18px;"><div>
<a href="#music">推薦音樂</a><br />
<a href="#movie">推薦電影</a><br />
<a href="#article">推薦文章</a><br />
</div></span></span>
錨點鏈接要設置兩部分:一,是目標錨點的id名稱;二是超鏈接部分。
id也就是元素的名稱,跟name屬性一樣。區別在於name是HTML中的標準,而id是XHTML中的標準,在web2.0的網頁中極少使用name屬性,而是使用id屬性。在同一個頁面中,id是唯一的,也就是一個頁面不允許出現相同的id。
表單
語法:
<form>表單各種標籤</form>
1. get是從服務器上獲取數據,post是向服務器傳送數據。
2. get是把參數數據隊列加到提交表單的action屬性所指的url中,值和表單內各個字段一一對應,在url中可以看到。post是通過http post機制,將表單內各個字段與其內容放置在html header內一起傳送到action屬性所指的url地址。用戶看不到這個過程。
3. 對於get方式,服務器端用Request.QueryString獲取變量的值,對於post方式,服務器端用Request.Form獲取提交的數據。
4. get傳送的數據量較小,不能大於2KB。post傳送的數據量較大,一般被默認爲不受限制。但理論上,IIS4中最大量爲80KB,IIS5中爲100KB。
5. get安全性非常低,post安全性較高。但是執行效率卻比Post方法好。
建議:
1、get方式的安全性較Post方式要差些,包含機密信息的話,建議用Post數據提交方式;
2、在做數據查詢時,建議用Get方式;而在做數據添加、修改或刪除時,建議用Post方式;
參考:http://zhidao.baidu.com/link?url=7pZEIP5-uk-nn9m2NopfrTxZ76TVvVFMJVksHXW_V3kz5TV1BDUxFHRPOcpEQ9p6mfRe0-4CI3pRjWOoK6BAmK
3表單對象:
表單對象分爲三種:
<select>和<option>,<input>,<textarea>
①input標籤
input的type屬性值
▪ text的屬性有三個:value、size和maxlength
語法:
<input type="text" value="默認文字" size="文本框長度" maxlength="最多輸入字符數"/>
▪password的屬性值也是value、size、maxlength
▪radio
語法:
<input type="radio" name="單選按鈕所在的組名" value="單選按鈕的取值"/>
•checkbox
例子:
<span style="font-size:14px;"><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="index.html">
你喜歡的水果:<br />
<input id="checkbox1" type="checkbox" checked="checked"/><label for="checkbox1">蘋果</label><br />
<input id="checkbox2" type="checkbox" /><label for="checkbox2">香蕉</label><br />
<input id="checkbox3" type="checkbox" /><label for="checkbox3">西瓜</label><br />
<input id="checkbox4" type="checkbox" /><label for="checkbox4">鳳梨</label>
</form>
</body>
</html></span>
•普通按鈕button
普通按鈕一般情況下要配合JavaScript腳本來進行表單的實現。
語法:
<input type="button" value="普通按鈕的取值" οnclick="JavaScript腳本程序"/>
說明:
value的取值就是顯示在按鈕上的文字,onclick是普通按鈕的事件。
submit(提交)
• 圖片域 image
<input type="image" src="圖像的路徑"/>
•隱藏域 hidden
<input type="hidden"/>
•文件域file
<input type="file"/><input type="file"/>enctype=“multipart/form-data 設置編碼方式
②多行文本框
<textarea rows="行數" cols="列數">多行文本框內容</textarea>
③下拉列表
<select> <option>一起使用
•
<select>標籤屬性 說明
multiple可選屬性,只有一個屬性值"multiple"。默認情況下下拉列表只能選擇一項,當設置multiple=“multiple”時,下拉列表可以選擇多項
size 下拉列表展開之後可見列表項的數目
•<option>標籤屬性說明
value選項值
selected
是否選中
3多媒體
▪音頻和視頻文件和flash的插入使用<embed>標籤
語法:<embed src="多媒體文件地址" width="播放界面的寬度" height="播放界面的高度"/>
• 背景音樂:
在網頁中可以爲某個網頁設置背景音樂,使用的是bgsound標籤。bgsound是用以插入背景音樂,但只適用於IE瀏覽器,在Firefox等中未必適用。
語法:<bgsound src="背景音樂的地址" loop="播放次數"/>
4.浮動框架iframe
<iframe src="浮動框架的源文件" width="浮動框架的寬" height="浮動框架的高"></iframe>
對於浮動框架iframe的的滾動條,我們可以使用scrolling屬性來控制。scrolling屬性有3種情況:根據需要顯示、總是顯示和不顯示。
auto默認值,整個表格在瀏覽器頁面中左對齊
yes 總是顯示滾動條,即使頁面內容不足以撐滿框架範圍,滾動條的位置也預留
no 在任何情況下都不顯示滾動條