以下學習資料參考自W3school——www.w3school.com
一揭厚、iframe 標簽
iframe 元素會創(chuàng)建包含另外一個文檔的內聯框架(即行內框架)——嵌套頁面
代碼示例:<iframe src="https://www.baidu.com" name="xxx"></iframe>
二锉桑、a 標簽
<a> 標簽定義超鏈接,用于從一張頁面鏈接到另一張頁面舔清。
<a> 元素最重要的屬性是 href 屬性冰抢,它指示鏈接的目標犬金。
代碼示例:
指向 baidu 的超鏈接:<a >Baidu</a>
注意:
1份蝴、如果不使用 href 屬性,則不可以使用如下屬性:download, hreflang, media, rel, target 以及 type 屬性衡未;
2尸执、被鏈接頁面通常顯示在當前瀏覽器窗口中家凯,除非規(guī)定了另一個目標(target 屬性);
3如失、使用 CSS 來設置鏈接的樣式绊诲。?
三、form 標簽
定義和用法:
<form> 標簽用于為用戶輸入創(chuàng)建 HTML 表單褪贵;
表單能夠包含?input 元素掂之,比如文本字段、復選框脆丁、單選框世舰、提交按鈕等等;
表單還可以包含?menus槽卫、textarea跟压、fieldset、legend?和?label 元素晒夹;
表單用于向服務器傳輸數據裆馒。
注釋:form 元素是塊級元素姊氓,其前后會產生折行丐怯。?
代碼示例:
<form action="form_action.asp" method="get">
<p>First name: <input type="text" name="fname" /></p>?
<p>Last name: <input type="text" name="lname" /></p>?
<input type="submit" value="Submit" /> </form>? ?
效果如下:
四、input / button
兩者區(qū)別:是否為「空標簽」
1翔横、input
定義和用法:<input> 標簽用于搜集用戶信息读跷;根據不同的 type 屬性值,輸入字段擁有很多種形式禾唁。輸入字段可以是文本字段效览、復選框、掩碼后的文本控件荡短、單選按鈕丐枉、按鈕等等。?
代碼示例:
<form>
名:
<input type="text" name="firstname">
<br />
姓:
<input type="text" name="lastname">
</form>
效果如下:
2掘托、button
定義和用法:
<button> 標簽定義一個按鈕瘦锹;
1、在 button 元素內部闪盔,可以放置內容弯院,比如文本或圖像;這是使用?button 與使用 input 創(chuàng)建的按鈕之間的不同之處泪掀;
2听绳、<button> 控件 與 <input type="button"> 相比,提供了更為強大的功能和更豐富的內容异赫;<button> 與 </button> 標簽之間的所有內容都是按鈕的內容椅挣,其中包括任何可接受的正文內容头岔,比如文本或多媒體內容。例如鼠证,我們可以在按鈕中包括一個圖像和相關的文本切油,用它們在按鈕中創(chuàng)建一個吸引人的標記圖像;
3名惩、唯一禁止使用的元素是圖像映射澎胡,因為它對鼠標和鍵盤敏感的動作會干擾表單按鈕的行為; ? ?
4娩鹉、 請始終為按鈕規(guī)定 type 屬性攻谁;Internet Explorer 的默認類型是 "button",而其他瀏覽器中(包括 W3C 規(guī)范)的默認值是 "submit"弯予。??
代碼示例:
以下代碼標記了一個按鈕:?
<button type="button">Click Me!</button>
效果如下:
五戚宦、table 標簽
<table> 標簽定義 HTML 表格。
簡單的 HTML 表格由 table 元素以及一個或多個 tr锈嫩、th 或 td 元素組成受楼。
tr 元素定義表格行,th 元素定義表頭呼寸,td 元素定義表格單元艳汽。
更復雜的 HTML 表格也可能包括 caption、col对雪、colgroup河狐、thead、tfoot 以及 tbody 元素瑟捣。
代碼示例如下:
效果如下:
table詳細用法請見: