1.常见的标签

1. 标题标签 h1~h6

• h1 一级标题
• h2 二级标题
• h3 ...更弱的标题

2. 段落标签 p

ps:换行标签为< br> 和段落标记的段间距不同

3. 链接标签 a

• <a href="链接地址">这是一个链接</a>

4. 图片标签 img

• 

5. 分块标签 div

• <div id="这一大块">...</div>

6. 无序列表 ul

• <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
  </ul>
• 可以嵌套

7. 有序列表 ol

• <ol>
    <li>把大象变小</li>
    <li>打开冰箱</li>
    <li>把大象塞进去</li>
  </ol>
• 也可以嵌套

8. 展示一系列“标题：内容...”的场景 dl dt dd

• <dl>
    <dt>商品介绍：</dt>
    <dd>软糖</dd>
    <dt>特性：</dt>
    <dd>表面平滑细腻</dd>
    <dd>糖体半透明</dd>
    <dt>口感：</dt>
    <dd>富有弹性</dd>
    <dd>入口绵软</dd>
  </dl>

9. 按钮标记 button

• <button>点我点我！</button>

10. 重要文本 b em strong

• <b>我是粗体文字</b>
• <em>我是强调文字</em>
• <strong>我是加强调文字</strong>

11. 嵌入一个界面iframe

• iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
• <iframe src="链接" name="嵌入了一个这个页面"> </iframe>

12. 展示表格 table

• 用于展示表格，不要用来做布局 thead tbody tfoot可省略，浏览器会自动添加 border-collapse: collapse;用于合并边框

2. 注意

• 标签属性全小写
• 标签要闭合、自闭合标签可以省略 /
• 标题里不能有段落，段落里不能有标题
• 关于路径：""表示本地分隔符，"/"表示网络分隔符，因为网站制作好肯定是在网络上运行的，因此要求使用"/"作为路径分隔符。