美食菜单

Posted 算法与编程之美

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了美食菜单相关的知识，希望对你有一定的参考价值。

1 问题

用HBuilder X制作一个美食推荐网页，效果如下：

2 方法

  1. 编写该程序，会用到无序列表（ul标记）和有序列表（ol标记）以及两个标记的交替使用。

  2. 无序列表的基本语法如下：

有序列表的基本语法如下：

（3）代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
百度糯米：
<ul>
<li>麻辣烫/冒菜</li>
<li>美食
<ul>
<li>中餐，家常菜</li>
<li>夏日饮品
<ol type="1">
<li>烧仙草</li>
<li>柠檬水</li>
<li>杨枝甘露</li>
</ol>
</li>
<li>蛋炒饭</li>
</ul>
</li>
<li>创意菜品</li>
</ul>
</body>
</html>

3 结语

在无序列表ul和有序列表ol标记之间必须使用成对的<li></li>标记来添加列表项值。列表li标记是单标记，但使用过程中尽量将其补成双标记。

以上是关于美食菜单的主要内容，如果未能解决你的问题，请参考以下文章