二十六.使用a標籤--鏈接到另一個頁面
使用a標籤來實現超鏈接。
1.語法:<a href="目標網址" title="鼠標滑過提示的文本">
連接處顯示的文本
</a>
2.title:鼠標滑過連接時顯示的文字,方便搜索引擎瞭解鏈接地址的內容。
3.默認顏色:a標籤中,鏈接顯示的文本顏色爲藍色,點擊過後爲紫色。
二十七.在新建瀏覽器中打開鏈接
a標籤默認在當前瀏覽器中打開,有時需要在新的瀏覽器中打開。
語法::<a href="目標網址" target="_blank">
連接處顯示的文本
</a>
二十八.使用mailto在網頁中鏈接Email地址
使用a標籤還可以實現Email地址。
1.目標:向網站管理者發送郵件。
2.多個參數:如果mailto後面有多個參數的話,第一個參數必須以?開頭,後面的參數每一個都以&分隔.
3.結果:點擊鏈接會打開電子郵件應用,並自動填寫收件人等設置好的信息。
4.語法:<a href="mailto:電子郵件地址"?cc=抄送郵箱&bcc=密件抄送&subject=主題內容&body=郵件內容">鏈接顯示的文本</a>
二十九.使用表單交互
使用html表單(form)與用戶交互,表單是可以把瀏覽者輸入的數據傳送到服務器端,這樣服務器端程序就可以處理表單傳過來的數據。
1.語法:<form method=傳送方式" action="服務器文件">...</form>
2.講解:
⑴form:雙標籤
⑵method:數據傳送方式(get/post)
⑶action:瀏覽者輸入的數據被傳送到的地方,比如一個PHP頁面(save.php)
3.注意:.
⑴所有表單控件(文本框、文本域、按鈕、單選框、複選框等)都必須放在<form></form>標籤之間
⑾method:post/get的區別屬於後端程序員考慮的問題。
三十.文本輸入框和密碼輸入框
當用戶要在表單輸入字母、數字等內容時,就會用到文本輸入框,也可以轉化爲密碼輸入框
1.語法:<form>
<input ytpe="text/password" name="名稱" value="文本" />
</form>
2.講解:,.
⑴type:等type="text"時。輸入框爲文本輸入框,當 type="password"時,輸入框爲密碼輸入框
⑵name:爲文本框命名,已被後臺程序ASP、 PHP使用
⑶value:爲文本輸入框設置默認值(起提示作用)
3.注意:
⑴一個input爲一行內容,爲單標籤,且輸入框前的文字是寫在input標籤前的
舉例:<form>
姓名:<input type="text" name="myName"/><br />
密碼:<input type="password" name="pass"/>
</form>
⑵如果要文本輸入框不在同一行,用br即可換行
三十一.文本域
當用戶需要在表單中輸入大段文字時,就要用到文文輸入域
1.語法:<textarea rows="行數" cols="列數">文本<textarea>
2.講解:
⑴textarea:雙標籤
⑵cols:多行輸入域內的列數
⑶rows:多列輸入域內的行數
⑷在<textarea>和</textarea>標籤中可以輸入默認值(文本域中顯示的提示文字)
⑸cols和rows可以width和height來代替。cols用width,rows用height