HITML学习Day02
一、 媒体属性
视频属性
<video></video>
-
属性：
src：资源路径controls：控制条autoplay:自动播放
音频属性
<audio></audio>
-
属性
-
src：资源路径 -
controls：控制条 -
autoplay:自动播放
-
二、页面结构
| 元素名 | 描述 |
|---|---|
| header | 标记头部区域的内容（用于页面或页面中的一块区域） |
| footer | 标记脚部区域的内容（用于整个页面或页面的一块区域） |
| section | Web页面中的一块独立区域 |
| article | 独立的文字内容 |
| aside | 相关内容或应用（常用于侧边栏） |
| nav | 导航类辅助内容 |
三、内联框架
iframe(在网站中嵌套另一个网站)
<iframe >
</iframe>
- 属性
src:地址width height：宽度高度
<iframe src="" name="hello" frameborder="0" width="1000px" height="800px">
</iframe>
<a href="http://" target="hello">点击跳转</a>
与超链接的配合使用
四、表单post和get使用
- get ：可以在url看到输入的信息，不安全，高效
- post：比较安全，传输大文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单</title>
</head>
<body>
<form action="" method="get">
账号:<input type="text"name="username"/> <!--type="text"：文本框-->
密码：<input type="password" name="pwd"/><br/>
<!--checked="checked：打开网页时单选框和多选框首选的选项type="radio":单选框-->
姓别：<input type="radio" name="gender" value=man checked="checked"/>男
<input type="radio" name="gender" value=woman />女<br />
爱好：<input type="checkbox" name="hobby" value="eat" />吃饭
<input type="checkbox" name="hobby" value="sleep"/>睡觉
<!--checked="checked：打开网页时单选框和多选框首选的选项type="checkbox":多选框-->
<input type="checkbox" name="hobby" value="game" checked="checked"/ >打游戏
地址：<select name="address">
<option value="bj">北京</option>
<option value="gz">广州</option>
<option value="sz">深圳</option>
<!--selectedected="sel":下拉框打开网页首选的选项-->
<option value="sh" selected="selected">上海</option>
</select><br />
<!--注册按钮和重置按钮-->
<input type="submit" value="注册"/>
<input type="reset" value="重置"/>
</form>
</body>
</html>
效果图：
- 按钮：
- input type="button" 普通按钮
- input type="image" 图像按钮
- input type="submit" 提交按钮
- input type="reset" 重置
- 文件域
- input type="file"
文本域
<textarea name="textarea" cols=50 rows="10">文本内容</textarea>