【JavaWeb新手入门】开启篇之HTML列表

HTML列表

---

目录

1.三种列表
2.HTML语义化

---

三种列表

• 有序列表、无序列表、定义列表

1.1有序列表

1. 有序列表的列表项是有先后顺序的，一般采用数字或字母作为顺序，默认是采用数字顺序

• 语法：

  •   <ol>
      <li>列表项 </li>
      <li>列表项</li>
      <li>列表项 </li>
      </ol>
    

2. type属性
   • 我们可以使用type属性来改变列表项符号。默认情况下，有序列表使用数字作为列表项符号。

属性值	列表项符号
1	阿拉伯数字：1、2、 3
a	小写英文字母：a、b、c
A	大写英文字母：A、B、C
i	小写罗马数字：i、ii、iii
I	大写罗马数字：I、II、III

---

1.2无序列表

1. 有序列表的列表项是有一定顺序的，而无序列表的列表项是没有顺序的。默认情况下，无序列表的列表项符号是●，不过可以通过type属性来改变。

   • 语法

        <ul>
        <li>列表项</li>
        <li>列表项</li>
        <li>列表项</li>
        </ul>
     

2. type属性

属性值	列表项符号
disc	实心圆“●”（默认值）
circle	空心圆“○”
square	正方形“■”

注意点：
1）ul元素的子元素只能是li，不能是其他元素
（2）ul元素内部的文本， 只能在li元素内部添加，不能在li元素外 部添加

---

1.3定义列表

1. 定义列表由两部分组成：名词和描述。定义列表用得很少，但是在某些高级效果（如自定义表单）也会用到

• 语法

  •  <dl>
      <dt>名词</dt>
      <dd>描述</dd>
        ……
      </dl>
    

---

HTML语义化

• 学习HTML的目的：在你需要的地方能否用到正确的语义化标签
• 语义化的作用：
  1. 提高可读性和可维护性
  2. 搜索引擎优化（SEO）

1. 有语义化
   

2. 无语义化