计算机, 程序设计
项目符号和编号列表HTML
有两种类型的列表,在HTML的语言:有序和无序。 他们的创作几乎是一样的。 即使标签由一个字符不同。 您还可以创建多级列表,其中可能包括两个编号和标志。
这些列表可以随意转换。 这一切都取决于你的想象力。 首先,我们考虑标准的列表,如在Word中,然后我们会使其更加完善,使都认不出来。
编号HTML列表
中性有序HTML列表可以使用下面的标签来创建:
<01>
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