无序列表练习3
多级列表的练习
物品清单： 蔬菜类：白菜，萝卜，黄瓜 水果类：苹果 梨子 香蕉
技术要求：
无序列表中的li标签中除了可以添加其它标签来丰富我们的界面以外，还可以添加ul标签来丰富我的界面。也就是说ul中有li,li中又可以有ul.
编码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无序列表</title>
</head>
<body>
<ul>
<li>
<h2>蔬菜</h2>
<ul>
<li>白菜</li>
<li>萝卜</li>
<li>黄瓜</li>
</ul>
</li>
<li>
<h2>水果</h2>
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
</ul>
</li>
</ul>
</body
</html>
运行结果：
webstorm的工具快速写法
ul>li*3
含义：生成一对ul标签，再生成两对ul标签。
无序列表练习3 多级列表的练习 物品清单： 蔬菜类：白菜，萝卜，黄瓜 水果类：苹果 梨子 香蕉 技术要求： 无序列...
标题 标题 标题 斜体粗体无序列表 无序列表 无序列表2 无序列表3 有序列表 游学 游戏 参考练习引用 引用的是...
MarkDown练习 列表 无序列1 无序列2 无序列3 有序列表 有序列1 有序列2 有序列2 链接 谷歌 引用...
学习 Markdown [TOC] 超链接 百度 列表 无序列表1 无序列表2 无序列表3 无序列表3 有序列表 ...
本节大纲 章节4列表标签课时30无序列表(掌握)课时31无序列表练习(理解)课时32无序列表练习2(理解)课时33...
这是H1 这是H2 这是H3 无序列表1 无序列表2 无序列表3 1.有序列表1 2.有序列表2 3.有序列表3 ...
默认就是一个段落 1.无序列表 无序列表 无序列表 无序列表 2.有序列表 有序列表 有序列表 有序列表 3.链接...
标题测试 标题2 标题3 列表 无序1 无序2 无序3 无序4 列表2 有序1 有序2 引用 引用内容 插入链接 ...
Markdown 无序列表1 无序列表2 无序列表3 这里是引用 有无 前后 这是有序列表 成功了 记住列表的文字...
标题 无序列表 无序列表 无序列表 有序列表 1.张三2.李四3.王五 引用 语法: 引用内容多级引用无序列表有序...
本文标题：认识html-----无序列表练习3
本文链接：https://www.haomeiwen.com/subject/yesoiqtx.html
网友评论