HTML知识点(2)

1.常见的标签

1. 标题标签 h1~h6

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

2. 段落标签 p

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

3. 链接标签 a

• 这是一个链接

4. 图片标签 img

5. 分块标签 div

• ...

6. 无序列表 ul

• 
   
  • Coffee
  
   
  • Tea
  
   
  • Milk
  
  
• 可以嵌套

7. 有序列表 ol

• 
   
  1. 把大象变小
  
   
  2. 打开冰箱
  
   
  3. 把大象塞进去
  
  
• 也可以嵌套

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

• 
   

  商品介绍：

  
   

  软糖

  
   

  特性：

  
   

  表面平滑细腻

  
   

  糖体半透明

  
   

  口感：

  
   

  富有弹性

  
   

  入口绵软

  
  

9. 按钮标记 button

• 点我点我！

10. 重要文本 b em strong

• 我是粗体文字
• 我是强调文字
• 我是加强调文字

11. 嵌入一个界面iframe

• iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

12. 展示表格 table

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

2. 注意

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