html学习day02

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>

效果图：

image

  • 按钮：
    • input type="button" 普通按钮
    • input type="image" 图像按钮
    • input type="submit" 提交按钮
    • input type="reset" 重置
  • 文件域
    • input type="file"

文本域

<textarea name="textarea" cols=50 rows="10">文本内容</textarea>
posted @ 2023-07-22 14:17  wi_z  阅读(18)  评论(0)    收藏  举报