web第七课:列表

本文详细介绍了web开发中的三种列表类型:有序列表、无序列表和自定义列表。对于有序列表,讲解了如何使用`ol`的`type`和`start`属性自定义数字样式。无序列表中提到了`ul`的`type`属性,以及其默认样式。最后,展示了自定义列表的创建方法,用于实现图文结合的效果。文章通过代码演示和实例解析,帮助读者深入理解列表的使用。
摘要由CSDN通过智能技术生成

 列表分为有无序列表、有序列表(有数字)和自定义列表(像图文列表)

1.有序列表

这里讲一下,加注释的话,写好文字后--选择文字--按“ctrl+/”,就自动加上注释了

代码演示:

结果:

 大家再想一个问题,那如果我不喜欢自动生成的数字是阿拉伯数字,可以不可以改为其他的表示方法呢。。。。  

嘿嘿,当然有啦,我们往下接着看:

如果想更改前面自动生成的数字,那就不得不用到ol的属性type属性了,ol有两个属性:type和start属性

代码演示:type的用法

基础第七讲--列表
qinayou1213的博客
10-18 268
一、列表简介 1.定义:列表是一个有序可重复的元素集合,可嵌套、迭代、修改、分片、追加、删除,成员判断。第一个元素的索引是0,第二个索引是1,依此类推。 2.创建方式:①lit = []直接创建一个新的列表 ②lit = list() Ctrl+点击鼠标可以查看源码 iteroble可迭代的,可以用 for 循环的都是可迭代的 pep8 代码规范 pycharm工具有,cod...
web1215:课上代码
03-16
web1215:课上代码
web页面的列表总结
卫斯理
04-13 1584
列表分为四种:无序列表、有序列表、无样式列表、内联列表
web基础(二)---------列表、表格、表单
m0_52867234的博客
02-15 1340
基础篇适合小白或者复习的时候用
零基础HTML入门教程(21)——无序列表
weixin_61808806的博客
12-08 828
我们上一小节学习了有序列表,有有序列表那么肯定有无序列表,我们本小结学习一下无序列表并熟练掌握。我们本小节学习了html的无序列表,无序列表没有顺序,他在hrml里面很常用,要熟练使用。所谓无序列表,就是没有顺序的列表,英文单词为“Unordered List”,标签为。
Web前端——HTML中的列表、表格、表单
热门推荐
巧克力布丁的博客
07-03 1万+
列表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表</title> </head> <body> <!-- 列表(list) 1、铅笔 2、尺子 3、橡皮 在html
Web前端开发技术-第四章-列表
weixin_61909417的博客
10-20 1054
这章我们学习的是HTML中的列表,其中有无序列表、有序列表、定义列表列表之间的相互嵌套。无序列表要知道无序列表的3个符号,有序列表要认识有序列表中编号的5种type的取值和起始编号对后续编号的影响,定义列表要明白格式,先是列表的标记,后是标题的标记和最后的标题的内容。最重要的是要清楚列表中的嵌套。
WebHTML列表标签
qq_52978240的博客
04-04 1077
列表标签 目录 1.无序列表 (1)标签表示 (2)无序标签注意事项 2.有序列表 1.无序列表 (1)标签定义 标签:<ul>【可当做父亲】 列表项:<li>【可当做儿子】 Eg:<ul> <li>榴莲</li> <li>臭豆腐</li> <li>罐头</li> </ul> 输出样式: (...
Web前端开发第一季:HTML
06-14
Web 前端技术是近年来一个新兴职业,在国内乃至国际上真正开始受到重视的时间不超过 7 年。本课程介绍Web前端工程师的职业前景和定位,Web前端工程师和后端工程师的工作定位,介绍了HTML基本知识,网站项目构建与...
_第一课:spring mvc 原理深度解析1
08-08
Spring MVC 是一个强大的Java Web应用程序框架,用于构建高效、可维护的Web应用。它通过将Model(模型)、View(视图)和Controller(控制器)分离,实现了MVC设计模式,提高了代码的组织性和可测试性。在本课中,...
Python Web第2课代码.rar
09-14
在本课程中,我们将深入探讨Python Web开发的基础知识,通过提供的"Python Web第2课代码.rar"压缩包,我们可以了解到实际编程中的一些关键概念和技术。这个压缩包包含了第二课的源代码,是学习和实践Python Web开发...
第章Web开发的基本技术ppt课件.ppt
11-13
Web开发基础知识】 Web开发是构建互联网应用的核心技术,涵盖了从网页设计到后端数据处理的广泛领域。在本章中,我们将深入探讨Web开发的基本技术,主要包括以下几个方面: 1. **WWW(World Wide Web)** - WWW...
零基础学习WEB前端开发(十):列表标签(无序列表、自定义列表、有序列表
陶小桃Blog
10-28 3126
列表主要是用来布局的。 列表最大的特点就是整齐、整洁、有序,它作为布局会更加自由方便。 列表的分类: 无序列表 有序列表 自定义列表 一、无序列表 <ul>标签表示HTML页面中项目的无序列表,一般会以项目符号呈现列表项,列表项使用<li>标签定义。 1.1 基本语法 <ul> <li>列表项1</li> <li>列表项1</li> <li>列表项1</..
web前端——列表标签
xishaoguo的博客
02-26 6809
列表标签分为:有序列表、无序列表、自定义列表有序列表:                &lt;ol&gt;                    &lt;li&gt;你&lt;/li&gt;                    &lt;li&gt;我&lt;/li&gt;                    &lt;li&gt;他&lt;/li&gt;                &
HTML5基础之无序列表和有序列表
qq_22464799的博客
04-27 532
HTML5基础之无序列表和有序列表
web前端列表
qq_43711677的博客
09-25 295
第一次学习web前端,第一节学习表格: 第一个无序列表ul,子事件li,代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>无序表格</title> </head> <body> ...
Web前端HTML基础(四)——列表
m0_74298002的博客
01-22 627
标签来定义。3、 定义列表(Definition List):用于表示一组术语及其对应的定义或描述,每个术语和对应的定义通常使用 <dt> 和 <dd> 标签进行标记。有序列表使用 <ol> 标签来定义,每个列表项使用 <li> 标签来定义。<dd>超文本标记语言,用于创建网页的结构和内容</dd><li>点击搜索按钮
只用一个 HTML 元素可以写出多少形状?——不规则图形篇
最新发布
Conan9912345的博客
08-23 668
您有没有想过一个问题,如果我们只用一个 div 元素,一共可以写出多少种形状呢?
写文章

热门文章

  • css第八课:文本属性(字体,颜色属性) 21139
  • 将时间戳转换为日期格式:moment、new Date() 20102
  • css宽高自适应 13480
  • overflow:auto的用法和实现弹性盒横向滚动 12023
  • index()函数和match()函数联合使用案例 11947

分类专栏

  • Excel 16篇
  • 摄影
  • web前端开发 281篇
  • 我的文件夹
  • java 1篇
  • 护肤
  • tableau 1篇
  • SQL 6篇
  • Ubuntu 1篇
  • python 1篇
  • PYTHON小题目 3篇
  • python基础知识 3篇

最新评论

  • sql资料库

    CSDN-Ada助手: MySQL入门 技能树或许可以帮到你:https://edu.csdn.net/skill/mysql?utm_source=AI_act_mysql

  • 设置Google浏览器在点击网站时,在新页面打开

    云之旋律: 已经解决: https://zhuanlan.zhihu.com/p/700463709

  • 设置Google浏览器在点击网站时,在新页面打开

    云之旋律: 还有其他方法吗?

  • js的ES6中的模板字符串( ``/$() )

    2301_81969946: 谢谢,找好半天。表情包

  • css溢出属性:overflow属性介绍

    罹景偓佺.: 写的很棒 赞啦!

大家在看

  • 合并果子题解 61
  • C控制语句:分支和跳转(终章·题目)
  • 基于nodejs+vuessm校园问答系统[程序+论文+开题]-计算机毕业设计
  • 全面提升!上海交大等联合发布MegaFusion:无须微调的高效高分辨率图像生成方法 810
  • C++:值类型、指针与引用 217

最新文章

  • 数据分析中excel常用函数总结
  • sql业务场景分析思路参考
  • 永洪bi知识点
2024年5篇
2023年21篇
2022年292篇
2021年7篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陌一一

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或 充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值

PHP网站源码花桥网站优化怎么样安康市免费优化网站淘客网站优化大量长尾关键词手机端网站如何优化涂料网站seo优化托管网站推广大熊猫优化网站优化哪家案例多明光企业网站优化外贸网站优化推广优化网站选道云速捷靠谱双辽网站优化政府网站的优化晋江网站优化宝山网站优化选哪家网站seo优化规划五金网站优化培训自贡网站排名优化服务网上商城类的网站优化策略福州网站优化和推广常州专业网站seo优化价格成都钢铁网站如何优化电商网站如何做优化黄冈外包网站优化多少钱平顶山百度网站优化报价何谓深圳网站优化推广项城百度网站优化哪家有名网站页面代码优化天河网站优化推广铁岭服装行业网站优化有什么技巧企业网站有必要做优化吗歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

PHP网站源码 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化