效果
素材
选购指南 手机 电视 笔记本 平板 售后服务 服务中心 申请售后 售后政策 维修服务 关注我们 新浪微博 官方微信 联系我们
代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>day02/04-列表-定义列表.html</title> </head> <body> <!-- 定义列表 作用：内容整齐且无标号的排成一列。 标签：dl description list 嵌套 dt 和 dd，dl是定义列表，dt description term 是定义术语，dd description detail是定义列表的描述／详情。 语法 <dl> <dt>定于术语</dt> <dl>列表描述</dl> <dt>定于术语</dt> <dl>列表描述</dl> ... </dl> 注意事项： dl里面只能包含dt和 dd dt和dd里面可以包含任何内容 参考在线文档：https://www.w3school.com.cn/ 批量快速输入：按住鼠标滚轮 --> <dl> <dt>选购指南</dt> <dd><a href="#">手机</a></dd> <dd><a href="#">电视</a></dd> <dd><a href="#">笔记本</a></dd> <dd><a href="#">平板</a></dd> <dt>售后服务</dt> <dd><a href="#">服务中心</a></dd> <dd><a href="#">申请售后</a></dd> <dd><a href="#">售后政策</a></dd> <dd><a href="#">维修服务</a></dd> <dt>关注我们</dt> <dd><a href="#">新浪微博</a></dd> <dd><a href="#">官方微信</a></dd> <dd><a href="#">联系我们</a></dd> </dl> </body> </html>
