骨架

<html>
  <head>
    <title> 在head里 </title>
  </head>
  <body> 正文 </body>
</html>

同时选中下一个相同字符：command + D

HTML标签元素

标题 h : 独占一行 / 文字加粗变大，h1->h6 文字逐渐变小
段落 p : 独占一行 / 段落之间存在间隙
排版 : 换行 br / 水平分割线 hr
文本格式化 : 加粗b/strong , 下划线u/ins , 倾斜i/em , 删除线s/del

1.媒体标签 img :

<img
  src="图片地址"
  alt="替换文本"
  title="提示文本"
  width="宽度"
  height="高度"
/>

2.路径 :

C盘：A中【a图b图】，B中【c图d图】e图
a的绝对路径 C:A/a.jpg

同级 : ./（敲一下门）
上级：../（敲两下门）
下级：目标文件夹/文件

a找b：./b.jpg 或 b.jpg
a找c：../B/c.jpg
a找e:../e.jpg
e找a：A/a.jpg

3.音频 audio ：

<audio
  src="音频地址"
  controls 显示播放控件
  autoplay 自动播放（部分浏览器不支持）
  loop 循环播放
</audio>

4.视频 video :

<video src="视频地址"
  controls 显示播放控件
  autoplay 自动播放（谷歌浏览器需要配合muted静音播放）
  muted 静音播放
  loop 循环播放
</video>

5.链接 a :

<a href="目标地址">文字内容</a>

6.列表：

7.表格 table :

表格大标题 caption :
table 属性：border 边框宽度 / width 表格宽度 / height 表格高度
行 tr Table Row / 表头 th Table Header / td Table Data
可以省略 : thead 表格头部 / tbody 表格主体 / tfoot 表格底部

<table border="1">
    <caption>
        表格大标题
    </caption>
    <tr>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    <tr>
        <td>Tom</td>
        <td>23</td>
    </tr>
    <tr>
        <td>Jack</td>
        <td>24</td>
    </tr>
</table>

合并单元格

跨行合并（垂直）rowspan , 上下合并，保留最上
跨列合并（水平）colspan , 左右合并，保留最左

<table border="1">
    <caption>
        表格大标题
    </caption>

    <thead>
        <tr>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
    </thead>
    
    <tbody>
        <tr>
            <td>Tom</td>
            <td rowspan="2">23</td>
        </tr>
        <tr>
            <td>Jack</td>
        </tr>
    </tbody>

    <tfoot>
        <tr>
            <td colspan="2">求和: 57</td>
        </tr>
    </tfoot>
</table>

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 6 天，点击查看活动详情”

HTML复习总结 : 骨架/图片/音频/视频/路径/列表/表格

骨架