比如：有一个勤劳的村子，那里常年出产优质冬瓜、西瓜、南瓜。于是村长组织村民们，将这些信息发布到网上销售这些产品，下面是其中3个村民发布的内容。
示例如
网站制作代码1-2所示。
打开记事本，输入以上代码，另存文件名为“List.htm" 至桌面,双击"List.htm”文件，浏览器显示结果如图1.4所示。
显示结果各有特色，第一个村民是按数字排列：第二个村民是按圆点排列：第三个村民还有解释说明，很特别。
代码分析：
三个村民的产品排列方式分别被称为编号列表、项目符号列表和自定义列表，代码中第一次出现的标签有：
- <h4>:标性四。(同理，h1是标题一，h2是标题二，h3是标题三等)
- <o1>:编号列表或有序列表。
- <ul>:无序列表(Office Word中叫项目符号列表)。
- <li>: 要列表的项。
- <dl>. 自定义列表、
- <dt>:定义列表项目符号或文字。
- <dd>:定义列表项。
以上是用HTML让浏览器按照指令列表的内容，下一节将会让浏览器显示图像，并创建通向Internet大门的链接。
