• HTML CSS基础(三)


    3种列表:有序列表无序列表定义列表

    表1 3种列表记忆
    标签语义说明
    ol ordered list 有序列表
    ul unordered list 无序列表
    dl definition list 定义列表

    一、HTML3种列表

    列表有3种:有序列表、无序列表和定义列表。

    有序列表和无序列表都比较常用,而定义列表比较少用。在实际应用中,最常用的是无序列表,请大家重点掌握。

    目录列表和菜单列表已经被废除,大家可以直接忽略这两种列表。

    1、有序列表

    1
    2
    3
    4
    5
    <ol>
        <li>有序列表项</li>
        <li>有序列表项</li>
        <li>有序列表项</li>
    </ol>
    表1 有序列表type属性
    type属性值列表项的序号类型
    1 数字1、2、3……
    a 小写英文字母a、b、c……
    A 大写英文字母A、B、C……
    i 小写罗马数字i、ii、iii……
    I 大写罗马数字I、II、III……

    学习了CSS入门教程之后,有序列表列表项符号由list-style-type属性定义,到时候应该摒弃type属性。

    2、无序列表

    无序列表是三个列表中最为重要的列表。

    语法:

    1
    2
    3
    4
    5
    <ul  type="列表项符号">
        <li>无序列表项</li>
        <li>无序列表项</li>
        <li>无序列表项</li>
    </ul>
    表1 无序列表type属性
    type属性值列表项的序号类型
    disc 默认值,实心圆“●”
    circle 空心圆“○”
    square 实心正方形“■”

    学习了CSS之后,无序列表列表项符号由list-style-type定义,到时候应该摒弃type属性。

    3、定义列表

    语法:

    1
    2
    3
    4
    5
    <dl>
        <dt>定义名词</dt>
        <dd>定义描述</dd>
        ……
    </dl>

    说明:

    <dl>即“definition list(定义列表)”,<dt>即“definition term(定义名词)”,而<dd>即“definition description(定义描述)”。

    在该语法中,<dl>标记和</dl>标记分别定义了定义列表的开始和结束,<dt>后面添加要解释的名词,而在<dd>后面则添加该名词的具体解释。

    二、HTML学习中的误区

    学习HTML的目的就是在你需要的地方用到符合语义的标签,把标签用“对”这才是HTML学习的目的。例如一段文字,应该使用p标签,而不是使用div标签或者其他标签。

    网页语义结构良好,对于搜索引擎来说也是极为重要的一点。

  • 相关阅读:
    设置Kali Linux虚拟机连接网络
    修改Kali Linux终端主题
    Kali Linux修改桌面默认图标
    Metasploit技巧命令支持tips
    修改Kali Linux终端历史记录大小
    ListView 实现进度条显示
    Delphi 10.3.2 社区版的安装
    VMWare 下安装 Windows XP
    重新认识 Delphi
    VMWare 下安装 MSDN版 MS-DOS 6.22
  • 原文地址:https://www.cnblogs.com/lucky-star-star/p/4959473.html
Copyright © 2020-2023  润新知