HTML网页基础
1.基本结构
<header> <h2>网页的头部</h2> </header>
<section> <h2>网页主体</h2> </section>
<footer> <h2>网页脚步</h2> </footer>
2.内联框架
<iframe src="https://www.baidu.com" name="hl" frameborder="0" width="300px" height="500px"></iframe>
<a href="https://user.qzone.qq.com/3187311481" target="hl">点击跳转</a>
3.表单语法
<form action="Deom1.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>
4.按钮
单选按钮
<input type="radio" name="sex">男
<input type="radio" name="sex">女
多选按钮
<input type="checkbox" >睡觉
<input type="checkbox" >泡澡
<input type="checkbox" >沐浴
5.下拉列表
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
6.文件域
<p>
<input type="file" name="files">
</p>
7.email邮件判断
<input type="email" name="email">
8.滑块
音量:
<input type="range" min="0" max="100" name="voice">
9.搜索
<input type="search" name="search">
10.禁用&隐藏
<input type="submit" disabled>
<input type="submit" hidden>
11.增强
<label for="mark">你点我试试看</label>
<input type="text" id="mark">
12.表单初级验证
<p>账号:<input type="text" name="username" placeholder="请输入用户名" required pattern=""> </p>
<p>密码:<input type="password" name="pwd"> </p>