这是我参与「第四届青训营 」笔记创作活动的第2天\
HTML5 中的新属性:
属性值 功能
autoplay 视频在就绪后马上播放
controls 显示控件，比如播放按钮
loop 当媒介文件完成播放后再次开始播放
muted 规定视频的音频输出应该被静音
preload 视频在页面加载时进行加载，并预备播放
src 要播放的视频的 URL
height 设置视频播放器的高度
width 设置视频播放器的宽度
poster 规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像\
<!-- 用../找上级的图案 -->
<!-- ../../上一级的上一级 多级返回 -->
<img src="Image 2022-6-20 at 5.10 PM.jpg" width="200" height="200">
<img src="Image 2022-6-20 at 5.10 PM.jpg" width="200">
<!-- 数值单位为px -->
<!-- 只设置一个数值，图片等比例缩放 -->
一个<tr>表示一行，<td>表示一个单元格
<!-- 快捷键：table>tr>td -->
<!-- table>tr*2>td*2 -->
Border控制外边框
属性都针对table，应该添加在table的标签中
Width=”x%” 相对于父元素的百分比
表格标题caption
单元格tr属性相同
TD：如果一个单元格设置了宽度，影响的是一整列（高度是一整列）
Colspan=“所要合并的单元格的列数“必须给td
Rowspan=“所要合并的单元格的行数“必须给td\
表单的作用：收集用户信息
Sumbit：提交按钮，用value自定义内容；提交信息到action1指定地址
必须设置name，来表示输入的内容，以发送给服务器\
用户信息：<input type="text" placeholder="请输入用户名" name="username"><br>
密码：<input type="password" placeholder="请输入密码" name="pass">
<br>
<input type="submit" value="登录">
</form>
此处input可以用button>代替
button type="submit">登录/button>
Post比较安全，数据量大\
Form向后端提供数据
<div>
颜色选择:<input type="color" name="color">
</div>
<div>
邮箱：<input type="email" name="email">
<!-- 需要满足邮箱要求的格式 -->
</div>
<div>
URL地址：<input type="url" name="url">
<!-- 需要满足完整网址格式 -->
</div>
<input type="submit">
</form>
电话号码tel用手机比较适用（弹出拨号页面）
<div>
<input type="range" name="range" min="100"
max="200" value="100" step="10">
<!-- 初始值位中间值，min和max为范围，value设置初始值，step是步长 -->
</div>
Search有一键清除功能
<input type="search">
</div>
<input type="search">
</div>
日期选择框
<input type="date">
</div>
同理 month,week等时间类型
