当前位置:   article > 正文

HTML-功能元素--列表/表格/表单_html ul li

html ul li

列表标签:

  1. 无序列表: 给一堆数据添加列表语义, 并且这一堆数据中所有的数据都没有先后之分
  2. 有序列表:给一堆数据添加列表语义, 并且这一堆数据中所有的数据都有先后之分
  3. 定义列表: 给一堆数据添加列表语义,先通过dt标签定义列表中的所有标题, 然后再通过dd标签给每个标题添加描述信息

无序列表:

无序列表格式:

  1. <ul>
  2. <li>需要显示的条目内容</li>
  3. </ul>
  4. li其实是英文list item的缩写
  5. list是列表的意思
  6. item是条目的意思
  7. 所以结合起来就是 列表条目的意思

无序列表样式:

  1. <ul type="value"></ul>
  2. disc 默认值 实心圆
  3. circle 空心圆
  4. square 实心方块

注意:

1.ul标签是用来给数据添加列表语义的,而不是用来给他们添加小圆点。

2.ul与li标签是一个整体,一般情况下都是一起出现的,不会单个出现,需要结合使用。

3.由于ul与li为一个组合,所以ul中不推荐包含其他标签,在ul中只会看到li标签。

有序列表:

有序列表格式:

  1. <ol>
  2. <li></li>
  3. </ol>
  4. 其它用法和ul都差不多, 也就是应用场景/注意点都和ul差不多

有序列表样式:

  1. <ol type="A"></ol>
  2. 1 默认值。数字有序列表。(1234
  3. a 按字母顺序排列的有序列表,小写。(a、b、c、d)
  4. A 按字母顺序排列的有序列表,大写。(A、B、C、D)
  5. i 罗马字母,小写。(i, ii, iii, iv)
  6. I 罗马字母,大写。(I, II, III, IV)

定义列表:

定义列表格式:

  1. <dl>
  2. <dt></dt>
  3. <dd></dd>
  4. <dt></dt>
  5. <dd></dd>
  6. </dl>
  7. 其实dt和dd都是英文的缩写
  8. dt是英文definition title的缩写, 所以dt的含义就是用来定义列表中的标题
  9. dd是英文definition description的缩写, 所以dd的含义就是用来定义标题对应的描述的

注意点:与ul/ol、li类似。

表格标签:

作用:用来给数据添加表格语义以展示数据。

表格标签格式:

  1. <table>
  2. <tr>
  3. <td>姓名</td>
  4. <td>年龄</td>
  5. <td>身高</td>
  6. </tr>
  7. <tr>
  8. <td>张三</td>
  9. <td>19</td>
  10. <td>1.78</td>
  11. </tr>
  12. </table>

一对table标签就是一个表格

tr代表整个表格中的一行数据,即一对tr就是表格中的一行

td代表表格中一行的一个单元格,即一堆td标签就是一行的一个单元格

除了tr 、td,有

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/329105
推荐阅读
相关标签
  

闽ICP备14008679号