计算机程序设计

项目符号和编号列表HTML

有两种类型的列表,在HTML的语言:有序和无序。 他们的创作几乎是一样的。 即使标签由一个字符不同。 您还可以创建多级列表,其中可能包括两个编号和标志。

这些列表可以随意转换。 这一切都取决于你的想象力。 首先,我们考虑标准的列表,如在Word中,然后我们会使其更加完善,使都认不出来。

编号HTML列表

中性有序HTML列表可以使用下面的标签来创建:

<01>

  • 第一项列表

  • 第二项列表

  • 的第三个项目列表

    简单的列表在这里的样子

    根据该标准,在列表中的每个项目必须是在开启和关闭标签li的内部。 但是,如果你不把结束标记,结果是完全一样的。 该处理器是非常聪明的。 在转换列表中,他分析了开放标签。 如果他看到一个新的

  • ,然后自动将它们放在的前面。

    因此,该列表可以如下所示进行。

    但从专业的角度不正确。

    项目符号列表

    未编号(或标记)名单是完全一样的,唯一的,而不是醇书面UL标签。

    项目符号列表,没有任何数字或字母-只有不同的人物,这是所谓的标记。

    多级编号列表HTML

    很多人有兴趣这样的机会。 因此,应该注意的是,任何HTML编号列表可以是多级的。 附加层可以是相同的或标记的。

    要创建一个示例中指定上面的列表,你需要编写以下。

    注意,在该代码中,与第一示例中,所添加的属性类型。 多亏了他,你可以指定这两个编号和标记列表排序的类型。

    对于指定编号的字母或数字的类型,并为其余病例 - 标记的类型。

    排序选项列表

    如果您使用的是特殊的HTML标签,编号列表可以是你想要的任何方式。

    您可以指定类型属性,从表中的任何值。 或课堂式的CSS指定列表样式类型与所需的排序类型。

    值的翻译是非常简单的。 英语的基本够用的知识。 但是,即使你无法翻译的单词“圆”,“广场”,等等。N.,你可以直观地看到什么是当你的类型的属性指定这些值的结果。

    对于编号列表,你需要使用以下选项:

    • 1 - 阿拉伯数字;
    • A -大写字母 ;
    • 一个 - 小写字母;
    • I - 大写罗马数字;
    • 我 - 小写罗马数字。

    默认情况下,该列表总是与使用 阿拉伯数字。 也就是说,如果你不指定任何东西,就相当于为type =“1”。

    此外,编号列表可以在任意位置开始。 默认 - 1.结论,但如果你想你甚至可以有一百个开始。 要做到这一点,你需要指定任意值起始属性。

    此外,它可以以相反的顺序完成。 要做到这一点,写颠倒。

    制作列表

    编号HTML列表可以如此美妙安排,你不能马上猜到这是通常的列表,而不是在Photoshop中制作的图片。

    以下是名单的美丽的例子。

    如可以从实施例中可以看出,它是可以改变元件本身的外观和编号。

    您可以创建一个规则列表这样。

    在CSS样式,你需要指定OL标签设计。 请注意,在这种情况下,设置将被应用到所有列出了使用此样式文件中的所有站点。

    考虑具有圆形检查列表第一实施例。 返回代码列表。 有Set类圆形的名单。 与此类需要修补,做出这样的美女就是这样。 调用类的你,如你所愿。

    现在考虑一个方形设计。

    该风格非常相似。 不同的是,在第一种情况存在通过CSS选项的舍入元件。

    浏览器支持

    要明白,不是所有的浏览器都支持所有的CSS属性是很重要的。

    例如,你想在中间编号列表。 HTML代码是相同的,但结果在旧的浏览器可以说是相当不同的。

    这同样适用于编号的设计。

    正如你所看到的,在周围的老版本IE浏览器的数量的平方没有出现,因为处理程序不知道新的属性,让你做出这样的登记。

    专业编码器必须预见和理解,并不是所有的用户使用现代计算机。 并非所有安装了Windows 7,8,10,有用户的百分比谁仍然坐在Windows XP和使用Internet Explorer的旧版本。

    作为一项规则,几乎所有的现代设计,以提高它们的元素不被支持。 用户会觉得他并没有在网站的设计工作。 这一切都搬了出来。 元素聚集在一起。 为了避免这种情况,你需要计算所有的选项。

    有站长视而不见给他们,因为他们的在今天的市场份额越来越少。 但对于专业的欣赏每一位参观者,尤其是如果它是一个商业网站。

    做适合所有的东西,或考虑在浏览器中的所有选项。

  • Similar articles

     

     

     

     

    Trending Now

     

     

     

     

    Newest

    Copyright © 2018 zhcn.atomiyme.com. Theme powered by WordPress.