- 頁面結構分析
- iframe 內聯框架
內聯框架就是在一個網頁裏面，嵌套另外一個框架，使用iframe標籤
<iframe src="path" name="mainFrame"></iframe>
src:引用網頁的地址
name:框架標識名
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>內聯框架</title>
</head>
<body>
<!--內聯框架就是在頁面中嵌套頁面-->
<iframe src="https://www.baidu.com" frameborder="0"
width="1000px" height="800px" name="hello">
</iframe>
<!--還可以使用a標籤連接標籤，target屬性裏面可也是_self本頁面打開
也可以是_blank新頁面打開，當然也可以使用自定義的，就是iframe標籤
內的name屬性，那麼此時嗶哩嗶哩將在iframe內聯框架中打開
-->
<a href="https://www.bilibili.com/"target="hello">點擊跳轉到嗶哩嗶哩</a>
</body>
</html>
- 表單語法
表單使用 form標籤，form表單裏面有一些屬性，如：method:提交方式，有 get/post 方式；action:往哪裏發送表單裏面的數據，表單提交的位置，可以是網站，也可以是請求處理的地址。在 form標籤 中使用 input標籤 用於蒐集用戶信息。根據不同的 type 屬性值，輸入字段可以是 text文本字段、password密碼，submit提交，reset重置，複選框、單選按鈕、按鈕等。password密碼是隱藏的。使用 name屬性 給input輸入框起一個名字
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表單</title>
</head>
<body>
<h1>註冊</h1>
<!--get方式提交：可以在url中看到我們所提交的信息，不安全，但是高效
post方式提交：比較安全，傳輸大文件
-->
<form action="html01.html" method="get">
<p>姓名：<input type="text" name="username"></p>
<p>密碼：<input type="password" name="pwd"></p>
<p>
<input type="submit">
<input type="reset">
</p>
</form>
</body>
</html>
value文本框默認初始值，maxlength輸入的最大字符數，size文本框的長度：
<p>姓名：<input type="text" name="username"
value="小明" maxlength="8" size="30">
</p>
- 單選框 radio
<!--單選框按鈕，radio:單選框，
value單選框裏面的值
name:裏面的內容表示一個組，單選框裏的選項
必須是在同一個組中，纔可以實現效果
checked表示默認選擇的
-->
<p>性別：
<input type="radio" value="boy" name="sex" checked>男
<input type="radio" value="girl" name="sex">女
</p>
- 按鈕和多選框
<!--多選框checkbox：多選框
value:多選框裏面的值
name:表示一個組，例如愛好
checked表示默認選擇的
-->
<p>愛好：
<input type="checkbox" value="sleep" name="hobby">睡覺
<input type="checkbox" value="code" name="hobby" checked>敲代碼
<input type="checkbox" value="play" name="hobby">玩
<input type="checkbox" value="game" name="hobby">遊戲
</p>
------------------------------------------------------------------------------
<!--按鈕button
value：寫在按鈕上面的字
-->
<p>按鈕：
<input type="button" name="but" value="點擊按鈕">
</p>
button普通按鈕 image圖片按鈕 submit提交按鈕 reset重置按鈕