慕課網【HTML+CSS】3.13學習內容

二十六.使用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



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