Html學習筆記4，html學習筆記
<span style="font-size:18px;"><span style="font-size:18px;">超連結：</span></span>
<span style="font-size:18px;"><span style="font-size:18px;">1 <a>標籤 </span></span>
<span style="font-size:18px;"><span style="font-size:18px;">文法： <a href="連結跳轉後的地址 " >連結文字</a></span></span>
<span style="font-size:18px;"><span style="font-size:18px;">例子： <a href="http://www.baidu.com" >百度一下就知道</a> </span></span>
<span style="font-size:18px;"><span style="font-size:18px;">2.超連結target屬性 文法 <a href="連結跳轉後的地址" target="開啟的方式">連結文字</a> target屬性的值。_self 預設，即在當前視窗開啟連結<在一個全新的空白視窗中開啟連結>在當前架構的上一層裡開啟連結3.超連結 有兩種連結方式：一種是內部連結，另一種是外部連結。內部連結指的是超連結的連結化物件是在同一個網站中的資源。與自身網站頁面有關的連結被稱為內部連結。“超連結a標籤”的例子就是外部連結，這個超連結的連結化物件是外部網站。而內部連結的連結化物件是網站的其他頁面或當期頁面。<title>超連結之內部連結</title> </span><a href="網頁2.aspx">跳轉到網頁2</a> <a href="test\網頁3.aspx">跳轉到網頁3</a></span></span>4、錨點連結簡介
<span style="font-size:18px;"><div> <a href="#music">推薦音樂</a><br /> <a href="#movie">推薦電影</a><br /> <a href="#article">推薦文章</a><br /> </div></span>
錨點連結要設定兩部分：一，是目標錨點的id名稱；二是超連結部分。
id也就是元素的名稱，跟name屬性一樣。區別在於name是HTML中的標準，而id是XHTML中的標準，在web2.0的網頁中極少使用name屬性，而是使用id屬性。在同一個頁面中，id是唯一的，也就是一個頁面不允許出現相同的id。
表單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:18px;"><span style="font-size:18px;"><!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></span>
•普通按鈕button
普通按鈕一般情況下要配合JavaScript指令碼來進行表單的實現。
文法：
<input type="button" value="普通按鈕的取值" onclick="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 是否選中
音頻和視頻檔案和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 在任何情況下都不顯示捲軸
②
著作權聲明：本文為博主原創文章，未經博主允許不得轉載。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
