html教程之网页HTML代码解说:有序列表和无序列表

只看该作者 · 发表于 2015-1-15 23:27:31

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

HTML5TheMediaCaptureAPI提供了对摄像头的可编程访问，用户可以直接用getUserMedia获得摄像头提供的视频流。我们需要做的是添加一个HTML5的Video标签网页制造WEB文章简介：本节进修HTML中的列表元素，列表情势在网站计划中占据对照年夜的比重，显现信息十分划一直不雅，便于用户了解。在前面的CSS款式进修中将大批利用到列表元素的初级感化。
用于构造数据的列表
进修了这么多把持网页显现的HTML标签，读者能够开端制造纯文章页面了。本节进修HTML中的列表元素，列表情势在网站计划中占据对照年夜的比重，显现信息十分划一直不雅，便于用户了解。在前面的CSS款式进修中将大批利用到列表元素的初级感化。

4.4.1列表的布局构成
HTML的列表元素是一个由列表标签关闭的布局，包括的列表项由<li></li>构成。详细布局如.17所示。
4.4.2制造无序列表
望文生义，无序列表就是列表布局中的列表项没有前后按次的列表情势。年夜部分网页使用中的列表均接纳无序列表，其列表标签接纳<ul></ul>，编写办法以下：
<ul>
<li>列表项一</li>
<li>列表项二</li>
<li>列表项三</li>
<li>列表项四</li>
<li>列表项五</li>
</ul>

登录/注册后可看大图

2009030418440987.jpg (883 Bytes, 下载次数: 1)

下载附件保存到相册

html教程之网页HTML代码解说:有序列表和无序列表

2015-1-15 23:27 上传

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>
<fontsize="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>
在扫瞄器地点栏输出http://localhost/ul_ol.htm，扫瞄效果如.18所示。