HTML基本标签（二）

- 表格标签 table
- 媒体元素
- - audio 音频
  - vido 视频
- form 表单元素

表格标签 table

<!-- caption 代表表格标题相关属性border 边框cellpadding 设置单元格内填充cellspacing 设置单元格间空隙width 设置表格宽度，默认是内容撑起来的宽度 子元素col 虚拟列相关属性 span 设置合并的列tr代表行相关属性 align 设置行中每个单元格中内容的对其方式子元素 td代表单元格相关属性 width 设置单元格的宽度，这一列中最宽的单元格的宽度是这一列的宽度align 对齐方式rowspan 设置单元格合并的行数colspan 设置单元格合并的列数th代表标题单元格（会自动居中加粗）width 宽度align 对齐方式-->

案例：

    <table border="1" cellpadding="30" cellspacing="0" width="800"><caption>表格标题</caption><!-- 第一列 --><col style="background: red;"><!-- 第二列 --><col style="background: blue;"><tr><th>标题</th><th>标题</th><th>标题</th></tr><tr align="center"><td>r</td><td width="400">r</td><td>r</td></tr><tr><td rowspan="2">er</td><td>er</td><td>er</td></tr><tr><td>er</td><td>er</td></tr><tr><td colspan="3">er</td></tr></table>

展示结果
在这里插入图片描述

媒体元素

audio 音频

vido 视频

form 表单元素

<!-- form 表单元素表单控件元素 inputname 设置控件名称value 设置控件的值placeholder 提示信息autofocus 设置表单控件为焦点状态（可以键入的状态），一个表单使用一次checked 默认选中 （单选复选）disable 控件是否可用readonly 只读type 设置控件类型text 单行文本框password 密码框radio 单选框checkbox 复选框file 文件上传器submit 提交按钮button 普通按钮reset 重置按钮color 颜色拾取器number 数字输入框（只能输入数字）min最小 max最大 step步长 （range ）range 滑块date 日期time 时间datetime-local 本地日期时间控件month 月week 周！！！name value 功能性必须要有select 下拉框namesize 设置显示下拉项个数multiple 设置是否多选子元素option 下拉选项value 下拉值selected 默认下拉项选中optgroup 选项组label 下拉项组名多行文本框textareaname    cols 设置文本框的宽度rows 设置多行文本框的高度filedset元素和legend元素 主要是把表单控件分类-->

案例：

<form action="" style="height: 300px;"><input type="text" value="文本框"><input type="password" placeholder="密码"><input type="radio" id=""><input type="checkbox"><input type="file"><input type="submit"><input type="button" value="按钮"><input type="reset"><input type="color" name="" id=""><input type="number" name="" id=""><br><input type="number" name="" id=""><br><input type="range" name="" id=""><br><input type="date" name="" id=""><input type="time" name="" id=""><input type="datetime-local" name="" id=""><fieldset><legend>信息</legend><input type="text" value="文本框"><input type="password" placeholder="密码"><input type="radio" id=""><input type="checkbox"><input type="file"><input type="submit"><input type="button" value="按钮"><input type="reset"><input type="color" name="" id=""><input type="number" name="" id=""><br><input type="number" name="" id=""><br><input type="range" name="" id=""><br><input type="date" name="" id=""><input type="time" name="" id=""><input type="datetime-local" name="" id=""></fieldset></form>