整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

在网页里面插入列表的方法(HTML)

在网页里面插入列表的方法(HTML)

里介绍的列表,不是Mathematica里面的列表。

这里的列表是这样子的:

相应的Mathematica代码是:

  • <!DOCTYPE html>

  • <html>

  • <meta charset="UTF-8">

  • <body>

  • <h2>无序列表:</h2>

  • <ul>

  • <li>我</li>

  • <li>我要</li>

  • <li>我要把</li>

  • <li>我要把你</li>

  • <li>……</li>

  • </ul>

  • <h2>有序列表:</h2>

  • <ol>

  • <li>a</li>

  • <li>ab</li>

  • <li>abc</li>

  • </ol>

  • <h2>有序列表:</h2>

  • <ol start="10">

  • <li>abcdefghij</li>

  • <li>abcdefghijk</li>

  • <li>abcdefghijkl</li>

  • </ol>

  • </body>

  • </html>

然后,在HTML文件里面,用浏览器打开,是这个样子:

还是一大片乱码。好像不能识别汉字的样子。

立和使用列表

定义列表

<dl></dl>列表标签定义列表;
<dt>定义列表标题;
<dd>定义列表内容;

说明:

1. dt和dd对应着的, 一个dt可以对应着多个dd;

2. dd完全是为了dt服务的, 对标题进行描述;

实例:

<dl>
<dt>标题1</dt><dd>内容11</dd><dd>内容12</dd>
<dt>标题2</dt><dd>内容21</dd><dd>内容22</dd>
</dl>


有序列表(unordered list)

<ol></ol> 列表标签定义一个标有数字的列表;

<ol type="value"></ol>

1 默认值。数字有序列表。(1、2、3、4)

a 按字母顺序排列的有序列表,小写。(a、b、c、d)

A 按字母顺序排列的有序列表,大写。(A、B、C、D)

i 罗马字母,小写。(i, ii, iii, iv)

I 罗马字母,大写。(I, II, III, IV)

<ol>
<li>联系人:</li>xxx
<li>联系地址:</li>北京市丰台区
<li>邮政编码:</li>100036
</ol>


无序列表(ordered list)

<ul></ul> 列表标签定义一个标有圆点的列表;

<ul type="value"></ul>

disc 默认值,实心圆。

circle 空心圆。

square 实心方块。

<ul>
<li></li>
<li></li>
<li></li>
</ul>


目录列表 所有主流浏览器都支持 <dir> 标签。。

<dir></dir>标签定义目录列表。

<dir>
<li>HTML</li>
<li>XHTML</li>
<li>CSS</li>
</dir>

菜单列表 目前所有主流浏览器都不支持 <menu> 标签。

<menu></menu>标签可定义一个菜单列表。

<menu>
<li>html</li>
<li>xhtml</li>
</menu>

在实际工作中, 它的用途较少, 大部分我们还是用ul;

另外还可以使用:

<div align=""></div>分区标签,用来排版大块HTML段落,也用于格式化表


x0列表的类型

定义列表 dl

无序列表 ul

目录列表 dir

菜单列表 menu

有序列表 ol

例子:<dt>名称部分<dd>解释说明,两个都在<dl>里面

插入无序列表<ul>

例子:<ul>之间使用<li></li>标记列表项值


插入目录列表<dir>

效果跟<ul>那个是一样的。

插入菜单列表<menu>:

插入有序列表<ol>

列表的主要操作就讲到这里。是不是很简单呢??