网页HTML 有序列表ol 和无序列表 ul
|
用于组织数据的列表 进修了这么多节制网页表现的HTML标签，读者可以起源建造纯文章页面了。本节进修HTML中的列表元素，列表情势在网站计划中占据较量大的比重，表现信息很是整齐直观，便于用户领略。在后头的CSS样式进修中将大量行使到列表元素的高级浸染。 4.4.1 列表的布局构成 HTML的列表元素是一个由列表标签关闭的布局，包括的列表项由<li></li>构成。详细布局如图4.17所示。 4.4.2 建造无序列表 顾名思义，无序列表就是列表布局中的列表项没有先后次序的列表情势。大部门网页应用中的列表均回收无序列表，其列表标签回收<ul></ul>，编写要领如下： <ul> <li>列表项一</li> <li>列表项二</li> <li>列表项三</li> <li>列表项四</li> <li>列表项五</li> </ul> 4.4.3 建造有序列表 顾名思义，有序列表就是列表布局中的列表项有先后次序的列表情势，从上到下可以有各类差异的序列编号，如1、2、3或a、b、c等。在D:web目次下建设网页文件，定名为ul_ol.htm，编写代码如代码4.17所示。 代码4.17 列表的配置：ul_ol.htm <html> <head> <title>列表的配置</title> </head> <body> <font size="5"> 网页前台技能 <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>FLASH</li> </ul> 网页靠山的进修 <ol> <li>ASP</li> <li>ASP.net</li> <li>PHP</li> <li>CGI</li> <li>Ruby</li> <li>Python</li> </ol> </font> </body> </html> 在赏识器地点栏输入，赏识结果如图4.18所示。 图4.18 列表的配置 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
