- 頁面結構分析
- 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重置按鈕