关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

网站HTML列表知识(有序和无序)

作者:佚名   时间:2014-01-04   分享到:

网站HTML列表知识(有序和无序)

    其实,标题、段落和换行只不过是文档最基本的文本组织元素。这种语言还提供了许多更为先进的基于问吧文本的结构、其中包括列表(list)、可搜索(searchable)文档和表单(form)等。可搜索文档和表单也超出了文本格式化的范畴;它们是一种与读者进行交互的方式。表单允许用户输入文本,单击复选框或单选按钮来选择特定项目,然后把这些信息发回到服务器。收到这些信息后,服务端的一个特殊应用程序将处理这些表单信息,并做出相应的响应;例如,真写产品订单,或者收集用户调查数据等(服务器端处理表单所需要的变成超出了本文讨论的范围。我们在这里只给出一些基本指导,想要了解更详细的内容,请参考有关服务器的文章,并向服务器管理员咨询)
    这些特殊特性的语法和它们的各种属性可能会十分复杂;我们在这里只是简单介绍一下,网站HTML的无序、有序和定义列表
    这三种列表和我们最熟悉的三种类型 相吻合;无序(unordered)、有序(ordered)和定义(definition)列表。无序列表指的是其中项目的顺序并不重要的一种列表(如洗衣店列表或杂货店列表),它们用<ul>和</ul>标签来定义边界。列表中的每一个项目,通常是一个词或者一个短语,都用<li>列表项标签来进行标记,尤其在使用XHTML时,要用</li>结束标签来结束。显示这种列表时,列表项通常会从左边开始缩进,每一项前面还会加一个项目符号。
    有序列表用<ol>和</ol>标签来限定边界,它们与无序列表的格式相同,包括标记列表项的<li>标签(在XHTML中还有</li>结束标签)。然而,项目的顺序对这种列表说却十分重要,例如设备的安装步骤。浏览器会相应地显示列表中每一项,并在前面加上升序的编号。
    定义列表比无序列表和有序列表要略微复杂一些。在一个定义列表的限定标签<dl>和</dl>中,每个列表都由两部分组成,而且每部分都有一个特殊的标签;一个简短的名称或标题包含在<dt>标签中,后面紧跟着相应的值或者定义,而这一部分由<dd>标签来表示(XHTML中包括相应的结束标签)。显示这种列表时,浏览器通常会将项目的名称放在单独的一行中(虽然没有缩进),并把它的定义(可能包含几个段落)以缩进的形式放在其下面。
    各种列表几乎可以包含文档主体中允许的所有类型的内容。举个例子,你可以把家中的数字照片都收集起来,整理成一个有序列表,或者把它们放在定义列表中,并加上文字说明。标记语言标准甚至允许在列表中防止列表(嵌套),从而可以构成许多有趣的组合。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/contact/20151229/n7357.html

上海联楷网络新闻