1209列表元素
16lz
2021-02-25
无序列表
ul+li
<ul><li>牛奶一箱</li><li>蛋糕一个</li><li>苹果10斤</li></ul>效果图
有序列表
ol+li
<ol><li>牛奶一箱</li><li>蛋糕一个</li><li>苹果10斤</li></ol>效果图
自定义列表
dl+dt+dd…
<dl><dt>名称：</dt><dd>php中文网</dd><dt>地址：</dt><dd>这是地址</dd><dt>联系：</dt><dd>电话：<a href="tel:1234567896">123456**456</a></dd><dd>邮箱：<a href="mailto:admin@admin.com"></a></dd></dl>效果图
应用1.导航
<ul class="menu"><li><a href="#">首页</a></li><li><a href="#">视频教学</a></li><li><a href="#">社区问答</a></li><li><a href="#">资料下载</a></li><li><a href="#">登录</a></li></ul>效果图
应用2.通用列表
<ul><li><a href="https://www.php.cn/course/812.html"><img src="https://img.php.cn/upload/course/000/000/001/5d240e769553b901.jpg" alt=""></a><a href="">web前端开发</a></li><li><a href="https://www.php.cn/course/812.html"><img src="https://img.php.cn/upload/course/000/000/001/5d240e769553b901.jpg" alt=""></a><a href="">web前端开发</a></li><li><a href="https://www.php.cn/course/812.html"><img src="https://img.php.cn/upload/course/000/000/001/5d240e769553b901.jpg" alt=""></a><a href="">web前端开发</a></li><li><a href="https://www.php.cn/course/812.html"><img src="https://img.php.cn/upload/course/000/000/001/5d240e769553b901.jpg" alt=""></a><a href="">web前端开发</a></li></ul>
更多相关文章
- 追了多年的开发框架，你还认识指针吗？
- VS Nuget的使用以及VS Code与git介绍
- 怎样为树莓派安装Rust开发包和相关实用软件？
- Python属于后端开发还是前端开发?Python入门!
- Fluttr应用——5个高效的Flutter开发工具
- React16.8+Next.js+Koa2开发Github全栈项目
- Laravel重构企业级电商项目 全面强化职场核心竞争力
- Study16DV300鸿蒙开发板安装完成
- 新版Nginx1.17体系化深度精讲 给开发和运维的刚需课程