HTML标签

1. 文本标签：span
2. 标题标签：h
3. 竖着布局的标签 ：div
4. 段落标签：p
   所有标签都具备的属性：id/class/style
5. 超链接标签 ：a标签
   target:资源打开的方式；_self在本窗口打开；_blank:新窗口打开；窗口名：指定窗口打开
   `
   跳转

 
 6. 锚点标签：也是a

```html
<a name="aaa">锚点</a>
<h1><a href="#aaa">跳转到锚点</a></h1>

7. 图片：img标签；利用src引入资源
   alt:当图片无法正常显示时，显示alt里边的内容；object-fit:cover:裁剪但不变形

<img src="i1.jpg" alt="美景" width="400px" style="object-fit: cover;">

8. 列表标签：ul li

<ul>
        <li>列表</li>
        <li>列表</li>
        <li>列表</li> 
</ul>

9. 表格标签：table
   行：tr；单元格：td；th：让文本加粗居中
   cellpadding:单元格的填充度（文本与边框之间的间隙）
   cellspacing:单元格之间的间距，默认0
   thead：被thead包起来的一行，会成为表头
   tfoot：表尾
   tbody：表格的中间
   行合并：rowspan=“ 个数 ”；
   列合并：colspan=“ 个数 ”；- 不能交叉合并
   
   

10. 框架标签（窗口标签）：iframe
    嵌套其他页面，frameborder="0"去掉边框；name：窗口的名字

<iframe src="https://www.processon.com/" width="1000px" height="800px" frameborder="0" name="aa"></iframe>

结合5、超链接标签，iframe默认显示的是processon页面，当点击超链接标签，相应的页面在iframe窗口显示相应的页面

11. 音频
    controls：手动播放
    autoplay :自动播放
    loop：循环播放，默认播放一遍
12. 视频,同上
    设置宽高不会变形
13. 收集用户信息

<input type="text">单行文本框<br><br>
    <input type="password">密码框<br><br>
    <input type="radio" name="sex">男  <input type="radio" name="sex">女<br><br>
    <input type="checkbox">篮球 <input type="checkbox">羽毛球 <input type="checkbox">乒乓球<br><br>
    <input type="file">文件选择器<br><br>
    <input type="date">日期选择器<br><br>
    <input type="datetime-local">日期时间选择器<br><br>
    <input type="week">周选择器<br><br>
    <input type="range" main="0" max="100" value="50">滑块（进度）<br><br>
    <input type="number" min="0" max="100" value="10" step="5">数字<br><br>
    <select>
        <option>数学</option>
        <option>语文</option>
        <option>英语</option>
    </select><br><br>

    <textarea rows="10" cols="50">多行文本</textarea><br><br>
    <input type="button" value="普通按钮"> 
    <input type="reset" value="重置按钮"> 
    <input type="submit" value="提交按钮">