自定义列表

最新推荐文章于 2022-12-08 14:47:59 发布
最新推荐文章于 2022-12-08 14:47:59 发布
阅读量7.3k 收藏 3
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lwz4070/article/details/81159035
版权

定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<style type="text/css">
		*{margin: 0;padding: 0;}
		dt{font-size:20px;color:red;}
		dd{margin-left: 10px;}
		a{text-decoration: none;color:#271f1f;}
	</style>
	<title>贴吧分类</title>
</head>
<body>
	<h1>贴吧分类</h1>
	<dl>
		<dt>娱乐明星</dt>
		<dd>
		<a href="">港台东南亚明星</a>
		<a href="">内地明星</a>
		<a href="">韩国明星</a>
		</dd>	
		<dd>
		<a href="">日本明星</a>
		<a href="">时尚人物</a>
		</dd>
	</dl>
	<dl>
		<dt>爱综艺</dt>
		<dd>
		<a href="">内地综艺</a>
		<a href="">台湾综艺</a>
		<a href="">韩国综艺</a>
		</dd>	
		<dd>
		<a href="">时尚</a>
		<a href="">生活服务</a>
		<a href="">体育运动</a>
		<a href="">健身</a>
		</dd>
	</dl>
	<dl>
		<dt>追剧狂</dt>
		<dd>
		<a href="">韩国电视剧</a>
		<a href="">香港电视剧</a>
		<a href="">美剧</a>
		</dd>	
		<dd>
		<a href="">日本电视剧</a>
		<a href="">内地电视剧</a>
		</dd>
	</dl>
	<dl>
		<dt>看电影</dt>
		<dd>
		<a href="">香港电影</a>
		<a href="">欧美电影</a>
		<a href="">内地电影</a>
		</dd>	
		<dd>
		<a href="">韩国电影</a>
		<a href="">日本电影</a>
	     <a href="">台湾电影</a>
		</dd>
	</dl>
	<dl>
		<dt>体育</dt>
		<dd>
		<a href="">篮球</a>
		<a href="">足球</a>
		<a href="">NBA</a>
		<a href="">CBA</a>
		<a href="">乒乓球</a>
		</dd>	
		<dd>
		<a href="">网球</a>
		<a href="">舞蹈</a>
		<a href="">健身</a>
		</dd>
	</dl>
	<dl>
		<dt>小说</dt>
		<dd>
		<a href="">奇幻</a>
		<a href="">言情</a>
		<a href="">灵异</a>
		</dd>	
		<dd>
		<a href="">穿越</a>
		<a href="">修真</a>
		<a href="">历史</a>
		</dd>
	</dl>
</body>
</html>

效果图:

lwz4070
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自定义列表dl\dt\dd
angrynouse的博客
03-21 2595
自定义列表这三个标签，必须同时使用 dl类比ul，相当于一个装列表项的一个容器 dt是列表项的标题 dd是列表标题下的列表项 <dl> <dt>列表标题1（eg:帮助中心）</dt> <dd>标题1下的，列表项1（eg:账户管理）</dd> <dd>标题1下的，列表项2（eg:购物指南）</dd> <dd>标题1下的，列表项3（eg:客服导购）</dd> <dt>列表标题2（e
39-自定义列表
weixin_45683698的博客
11-21 691
2.3自定义列表（重点） 自定义列表的使用场景： 自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。 使用场景： 在HTML标签中，<dl>标签用于定义描述列表（或定义列表），该标签会与<dt>（定义项目/名字）和<dd>(描述每一个项目/名字)一起使用。 其基本语法格式如下： <dl> <dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词
HTML列表标签及自定义列表的应用
dszmx的博客
03-13 1万+
1.无序列表 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。 无序列表始于 <ul> 标签。每个列表项始于<li>。 也可以通过CSS改变项目符号，也可以自己设置图片，如<li img src=“ ”> 2.有序列表 有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 &...
html中关于有序列表、无序列表和自定义列表之间的区别
热门推荐
qingyisuo的博客
12-28 5万+
有序列表（ol-li） <ol > <li>dd</li> <li>aa</li> <li>dd</li> </ol>如图一 可以发现在有序列表中默认的type类型是数字，而且是从1开始的。它有两个属性：type、start。 type：有五个属性值：1、a、A、i、I(罗马数字)，表示列表
零基础HTML入门教程(22)——自定义列表
weixin_61808806的博客
12-08 2372
自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的描述以 dd 开始。
帝国CMS自定义列表的使用实例
09-29
主要为大家介绍了帝国CMS自定义列表的使用实例,需要的朋友可以参考下
帝国cms升级到7.0刷新自定义列表出错的解决方法
09-29
最近应客户需求将帝国cms升级到7.0，发现刷新自定义列表信息的时候出错了，经过百度找到了解决方法，特分享下
帝国CMS自定义列表SQL调用方法
09-29
主要为大家介绍了帝国CMS自定义列表SQL调用方法,较为详细的分析了帝国CMS自定义列表的用法与SQL语句的调用技巧,是帝国CMS建站中非常实用的技巧,需要的朋友可以参考下
Android列表实现(3)_自定义列表适配器思路及实现代码
09-05
本文将深入探讨自定义列表适配器的概念、优势以及如何实现。 **自定义列表适配器的优势** 1. **灵活性**：自定义列表适配器允许开发者根据需求设计列表项的布局和样式，提供更丰富的用户体验。 2. **数据绑定**：...
真正好用的自定义列表
01-21
在Android开发中，自定义列表（Custom ListView）是一种常见的需求，它允许开发者根据特定的UI设计和功能需求来展示数据。标题"真正好用的自定义列表"表明这是一个经过优化，稳定且不会在滚动时崩溃的自定义列表实现...
HTML 自定义列表
Live and learn
12-03 1531
自定义列表不仅仅是一列项目，而是项目及其注释的组合。 自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。 <dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl&gt
html 自定义有序列表,HTML学习之有序列表、无序列表和自定义列表
weixin_30327815的博客
06-04 982
列表分成三种类型：有序列表、无序列表和自定义列表。 有序列表使用编号来记录项目的顺序 无序列表使用项目符号来记录无序的项目 自定义列表它由两个部分组成：定义条件和定义描述。 有序列表： OL type=编号样式 start=编号起始 LI项目一/LI LI项目二/LI ..列表分成三种类型：有序列表、无序列表和自定义列表。有序列表使用编号来记录项目的顺序无序列表使用项目符号来记录无序的项目自定义列...
【django】自定义列表 models字段显示
wendy的专栏
02-12 7162
自定义列表 参考：http://docs.30c.org/djangobook2/chapter06/ 自定义Author模块的列表中的显示字段。 列表默认地显示查询结果中对象的__unicode__()。 在第五章中，我们定义Author对象的__unicode__()方法，用以同时显示作者的姓和名。 class Author(models.Model):
浅谈CSS自定义下拉列表的样式
筱葭的博客
12-18 2万+
HTML代码： 请选择 北京 上海 广州 CSS代码： #container{ background:grey; width:300px; height:200px; padding:20px; } form div,form input{ width:236px; height:34px; } form div{ b
有序列表，无序列表和自定义列表有什么不同?
weixin_44484756的博客
01-19 4827
有序列表，无序列表和自定义列表有什么不同? 不同的列表给我们带来了好多便捷，比如 有序列表 有自带的排序(1,2,3,…)； 无序列表 没有有序列表那样的排序数字，但是每个列表的前面有个圆点，这是无序列表的特点； 自定义列表 什么样式都没有，就是普通的列表。 下面让我们来对比一下三种列表的写法： 有序列表 ：是ol标签里面包着li标签 &lt;!doctype html&gt; &lt;html&...
列表以及自定义列表的使用
yp320645的博客
07-09 1681
1.无序列表    就是定义一个无序列表，就是定义列表中都有什么内容，在ul中有一个type类型的属性，主要有以下三个属性        Disc：实心的小圆点，默认值   Circle：空心的圆圈   Square：实心的正方形 2.有序列表  有序列表与无序列表的区别就在于前面的排列序号，有序列表的type可以自定义一些类型，例如  Type属性指定序号的类型，其取值：
HTML：有序列表、无序列表、自定义列表的 区别&写法
Yummy的博客
04-10 3556
目录 一、三种列表的简介 1、有序列表——ol 2、无序列表——ul 3、自定义列表——dl 二、三种列表的写法 1、有序列表 ：是ol标签里面包着li标签 2、无序列表 ：是ul标签里面包着li标签 3、自定义列表：以dl标签开始，每个自定义列表项以dt标签开头，每个自定义列表项的定义以dd标签开始。 一、三种列表的简介 1、有序列表——ol 有自带的排序(1,2,3,…)。 2、无序列表——ul 没有有序列表那样的排序数字，但是每个列表的前面有个圆点，这是无序列表的特点。 3
三大列表——无序列表、有序列表、自定义列表
weixin_44790641的博客
01-27 2464
一、无序列表： 1.标签： 所有内容写在li里面 <ul> <li>内容1</li> <li>内容2</li> <li>内容3</li> <li>内容4</li> </ul> 2.结果： 3.常用结构： li里面包含a标签： <ul> <li> <a href="#">内容</a>
python自定义列表
最新发布
05-02
如果想要自定义列表，可以按照以下步骤： 1. 创建一个空列表 ```python my_list = [] ``` 2. 向列表中添加元素 可以使用 `append()` 方法向列表末尾添加元素，也可以使用 `insert()` 方法在指定位置插入元素。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值