Html學習筆記4

<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。

表單

創建一個表單看上去就像創建一個表格,表格的行、列和單元格都放在<table>標籤中,而創建表單的方式跟創建表格的一樣。如果你要創建一個表單,那你就要把表單的那些各種標籤放在表單標籤<form>內部。

        語法:
<form>表單各種標籤</form>
      
  1.表單的屬性:
          name:用於區別表單 和id一樣
         action:用於處理提交表單的請求
         method:包括get和Post兩種方式
enctype:application/x-www-form-urlencoded默認的編碼方式;multipart/form-dataMIME編碼,對於“上傳文件”這種表單必須選擇該值。
         target:同<a>標籤的該屬性。

2.表單提交
Get和Post的區別

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(提交)

reset(重置)

• 圖片域 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 在任何情況下都不顯示滾動條


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章