【前端】-007-页面制作-HTML-组合标签

div标签

<div>...</div>标签本身没有语义，主要用来最页面内容结构的分区。

• 在html5之前，通过div标签结合id/class来说设置页面的结构和样式，html5之后用对应标签展示；

  
  div结构
• 另外，当需要根据页面的内容结构进行页面的栏目划分，使用div标签做其他标签的容器，可以放置具体的内容，每个div之间都是独立的栏目或区域。

p标签

<p>...</p>标签表示一段文字，用来显示文章段落，默认换行显示

列表标签

1. 无序列表，用ul标签展示，无序项默认采用实心圆点排序
   <ul><li></li>...</ul>

2. 有序列表，用ol标签展示，默认通过数字排序
   <ol><li></li>...</ol>

3. 自定义列表，用dl标签展示，默认一个自定义标签，包含一个标题和多个描述
   <dl>...<dt>....</dt><dd>...<dd>...</dl>