html实现列表的方法

发布时间:2021-02-26 09:32:20 作者:清风
来源:亿速云 阅读:176

这篇“html实现列表的方法”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“html实现列表的方法”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们一起来看看具体内容吧。

html有什么特点

1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。 2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。  3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。 4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

列表是一种非常有用的数据展现方式,可以扩展出非常多的有意思的功能,例如导航,布局等。

列表主要有三种:

1. 无序列表: <ul>标签,必须与<li>子标签配对使用

2. 有序列表: <ol>标签,与<ul>使用规则一样,可以看作是无序列表的一个特例,实际开发中使用不多

3. 自定义列表: <dl><dt><dd>非常像名词解释,用途非常广泛,例如底部导航,内容详情页,联系信息,商品描述等.

ul有一个属性type,可以设置列表项前面的标记

type="disc" 实心小黑点,这是默认一级列表的标记

type="circle" 空心小圆点,这是二级列表默认标记

type="square" 实心方块

<html>
<head>
<meta charset="UTF-8">
<title>1-1.列表快速预览</title>
</head>
<body>
<ul type="square">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Bootstrap</li>
</ul>
<hr>
<h5>单身狗的周未</h5>
<ol>
<li>自己请自己看场电影希望有艳遇</li>
<li>购买充气娃娃2个</li>
<!-- 列表是可以嵌套的 -->
<ul>
<li>冰冰款2个</li>
<li>凤姐款1个</li>
</ul>
<li>玩"吃鸡"</li>
<li>为心目中的女主播打Call</li>
</ol>
<hr>
<h5>后端编程语言:</h5>
<dl>
<dt>PHP</dt>
<dd>超文本预处理编程语言</dd>
<dt>MySQL</dt>
<dd>全球最流行的关系型数据库管理工具</dd>
<dt>ThinkPHP5.1</dt>
<dd>国内最流行的中文轻量级PHP开发框架</dd>
</dl>
</body>
</html>

感谢你的阅读,希望你对“html实现列表的方法”这一关键问题有了一定的理解,具体使用情况还需要大家自己动手实验使用过才能领会,快去试试吧,如果想阅读更多相关知识点的文章,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. html 列表
  2. html中的列表

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html html列表

上一篇:html表格分区与分组控制的示例

下一篇:怎么使用HTML5中的Canvas绘制笑脸

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》