美食菜单
1 问题
用HBuilder X制作一个美食推荐网页，效果如下：
2 方法
- 编写该程序，会用到无序列表（ul标记）和有序列表（ol标记）以及两个标记的交替使用。
- 无序列表的基本语法如下：
有序列表的基本语法如下：
（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标记是单标记，但使用过程中尽量将其补成双标记。
本文参与 腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2022-11-02，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读