Js功能元素

列表元素

列表标签

1. 无序列表（unordered list）
   标签：ul li
   使用场景：没有先后之分的一堆数据，如：导航条，商品列表
   列表样式属性：type（disc默认 实心圆）（circle 空心圆） （square 实心方块）

<ul type="circle">
    <li>苹果</li>
    <li>香蕉</li>
    <li>榴莲</li>
</ul>
li其实是英文list item的缩写
list是列表的意思
item是条目的意思
所以结合起来就是 列表条目的意思

ul标签和li标签是一个整体, 是一个组合. 所以一般情况下ul标签和li标签都是一起出现, 不会单个出现. 也就 是说不会单独使用一个ul标签或者单独使用一个li 标签, 都是结合在一起使用

2. 有序列表（ordered list）
   标签：ol li
   使用场景：有先后之分的一堆数据，如：排行榜
   列表样式属性：type（1 默认值 数字有序列表）（A 大写字母有序列表）等…

<ol type="A">
    <li>螺蛳粉</li>
    <li>老友粉</li>
    <li>桂林米粉</li>
</ol>

其它用法和ul都差不多, 也就是应用场景/注意点都和ul差不多

3. 定义列表
   标签：dl dt dd
   使用场景：有先后之分的一堆数据，如：网站尾部的相关信息

<!-- 定义列表 -->
  <!-- dl dt dd -->
  <!-- dt 列表标题 -->
  <!-- dd 对列表的描述 -->
  <dl>
    <dt>大伟哥</dt>
    <dd>三崩子</dd>
    <dd>崩二</dd>
    <dd>原神</dd>
  </dl>
其实dt和dd都是英文的缩写
dt是英文definition title的缩写, 所以dt的含义就是用来定义列表中的标题
dd是英文definition description的缩写, 所以dd的含义就是用来定义标题对应的描述的

和ul/ol一样, dl和dt/dd是一个整体, 所以他们一般情况下不会单独出现, 都是一起出现
​ 和ul/ol一样, 由于dl和dt/dd是一个组合标签, 所以dl中建议只放dt和dd标签
​ 一个dt可以没有对应的dd,也可以有多个对应的dd, 但是无论有或者没有dd都不推荐使用.
​ 推荐使用一个dt对应一个dd
​ 和li标签一样, 当需要丰富界面时, 我们可以在dt和dd标签中继续添加其它标签

表格标签

table标签：表格标签主体，表格子标签被包裹在table中
tr标签：行标签，表示行
td标签：表示一行中的一个单元格
th标签：对该单元格内的内容进行加粗，一般用于表头

表格标签和列表标签一样, 它是一个组合标签, 所以table/tr/td要么一起出现, 要么一起不出现, 不会单个出现
关于对table标签和td标签修改宽高：对table修改宽高属性，会修改当前表格的宽高；对td修改宽高属性，会修改单元格的宽高，不会对表格整体进行修改

对齐

水平对齐align属性（可以对table，tr，td进行设置）：
属性值：align: left center right
	给table标签设置align属性, 可以控制表格在水平方向的对齐方式.
	给tr标签设置align属性, 可以控制当前行中所有单元格内容的水平方向的对齐方式.
	给td标签设置align属性, 可以控制当前单元格中内容在水平方向的对齐方式
垂直对齐valign属性（可以对tr，td进行设置）：
属性值：valign: top mid bottom
	给tr标签设置valign属性, 可以控制当前行中所有单元格中的内容, 在垂直方向的对齐方式.
	给td标签设置valign属性, 可以控制当前单元格中的内容在垂直方向的对齐方式.
注意：如果tr和td中都设置了对齐属性，则会通过就近原则显示td的属性，忽略tr的设置
表格内外边距
	内边距：
		定义：内容到当前的容器的距离
		通过cellpadding进行设置
	外边距：
		定义：两个容器之间的距离
		通过cellspacing进行设置

单元格合并
行合并：通过rowspan进行设置，其值是合并的单元格个数
列合并：通过colspan进行设置，其值是合并的单元格个数

<table border="1" align=