html无序列表黑点怎么加粗

大家好，欢迎来到鹏鹏时间段，今天我们来学习 css 列表，列表分为有序列表和无序列表，无序列表的列表像为小黑点或者小方框，有序列表的列表像为数字或者字母。我们可以通过 lister stereotype 来设置列表像。我们在浏览机中来看一下，分别设置无序列表和有序列表，他们列表像 可以看到无序列表的列表箱可以设置为圆点或者小方框。有序列表的列表箱设置为罗马数字和字母， ok bye。

同学们大家好，接下来呢，我们继续学习 htm 的标签，我们来新建第四个，我们来学习无序列表，还有一个有序列表，其实也就是我们的一个列表元素， ok， 什么是列表元素呢？我们平时刷抖音或者说开微博，他都有一个排行榜，或者说他没有排行榜，这种排行榜的话，我们一般使用的就是一种列表，一行一行的这种，那我们来看一下列表元素呢， 列表元素全面来说有三种啊，第一种呢是无序列表， 还有一个有序列表，一个定义列表，无序列表呢，就是没有顺序，哎，都是啊，在每一行 文北头有一个默认的小黑点，我们也可以通过 css 对他进行一些修饰，变成一个菱形的或者正方形的小黑点，这就是有顺序的 有序列表。有顺序的阿拉伯数字 啊，默认我们也可以不用写啊，这个有顺序的无非就是些数字或者罗马数字以及拼啊，这个英语单词，英语字母 之类的啊，定义列表呢？其实，嗯，多用于名词解释 之类的， ok， 我们来看一下该怎么来写吧，我们给这个来个 b r， 哎， b r， ok， 前面缩进的话，我们就先不用缩进了，打开浏览器我们来看一眼， ok， 我们在这里来定义一个 无序列表，你比如说我们可以定一些这个列表像，对不对？哎？ ul， 嗯，怎么出来这个呢？ u l u l 呢，是我们的无序列表，那每一个列表呢？它都有好多列表象，列表象呢，使用的是 l i， l i 表示我们的列表象，比如说这是我们的列表象，第一个列表象， 第二个，第三个显示呢，就是这种，前面带一个小黑点，嗯，前面带一个小黑点， 那么有序的呢？有序的是 ol， 同样的它里面也使用的是这个东西，我们把它复制过来，你会发现有序 他摸着呢，是一个数字，哎，摸着是数字，当然呢，你也可以对他进行一些调整，你比如说有序里头呢，他有两个字带的属性太不啊，这里就告诉我们了，数字大写字母，这种大写的罗马， 罗马数字就类似于这种的小写的哎，小写罗马的，哎，你可以写这种， ctrl 加 s， 保存一下就变成了罗马的小写这种排列的。 同样呢，这里呢，也可以，你让他从第几个开始？你比如说，如果我们选的是数字的话，哎，选的数字的话，我们让他从五开始， 那么他就是五六七，哎，这样的没多大用处啊，我们做这种 有序的，你还要让他从哪里开始吗？没意义，而且我们现在好多东西已经不介意去我们好多应用上面的业务啊，不介意使用这种 啊，带顺序的，这种有序啊，像这种排行榜第一第二，我们基本上不弄了，像那个热度榜的话，有前三榜或者前十榜这种类型的，就好像现在学校取消的这种名次啊。 ok， 我们还有一个叫做定义列表，定义列表呢，是 dl， dl 一般多用于这种 名词解释，他这里呢用的是弟弟啊，用的是一个弟弟，你看都不都不怎么常用的，你说，比如说这是一个很 美丽的香椿，你不要在我们前面给他，在这里给他加一个，你既然要解释，你得有一个名词，对不对？我们用一个 dt 啊，他是个 dtdt， 比如说我们的临汾， 应该说是城市啊，这是一个很美丽的城市，在很久以前被称作花果城、一月临匪。以前呢？这什么输入法呀？ 以前有很多在路边沾了好多果树啊，你看就这种的像一个名字解释这样的一个形式啊，这个呢就是我们的一个列表元素。

hello， 各位小伙伴们，大家好，欢迎来到签单课堂，咱们这节课呢来讲列表标签之有序列表， 列表标签啊，在咱们现有的网站灯呢，使用率还是比较广泛的，它的展示效果呢，就是按顺序来进行排列，你比如我们可以看到这是四只熊，对吧？啊，一二三四按顺序一个一个排列下来， 那这个就是我们所说的有序列表的一个展示方式，按顺序进行排列。那接下来我们看如何来实现 有序列表，它是一列项目列表项目呢？使用数字来进行标记，注意数字来进行标记，如果我们看这张图，一二三四这样以数字方式来进行标记，然后呢有序列表呢？始于 ol 标签，然后每一个列表项呢？是啊，立标签，如何理解这句话， 就是外部用一个 ol 标签呢来包裹里边的每一项呢？通过里标签来进行实现，就 ol 包裹啊里标签，然后呢 代码就是这个样子，那接下来呢，我们通过具体实现给大家演示一下，好吧，打开我们的开发者工具，在这里呢我们创建个全新的文件啊，叫 index bihtml， 补全一下，然后在这里边我只需要 ol， 这是外层的，再包裹一个内层的离标签，比如苹果保存右键运行浏览器当中，这个就是一个列表， 当然我们现在因为只有一条数据，所以他很难展示出列表的效果，我们可以多添加几条数据，比如第一个叫苹果，第二个叫橘子，第三个叫香蕉啊，第四个呢咱们叫火龙果， 好吧，保存这个时候咱们再来重新刷新这个页面，不难看到在我们页面的左上角排列的四个内容，分别是苹果、橘子、香蕉、火龙果，而且他是按着一二三四按顺序从上到下排列下来的， 这种的我们就称它为有序列表。那大家想在我们页面的展示数据的方式上有没有这样的需求啊？当然有啊，我很多时候可能都以列表的方式来进行展示数据，能追求展示更多的内容对不对？所以说这个有序列表呢，也是比较常用的， 好具体的效果就如大家所看到的，我们通过 ol 加离标签就能实现一个一二三四这样有序的一个列表展示啊，这个比较简单对不对？他也是双标签，也是需要闭合的， 再往下看，而且呢它还有一个叫 type 的属性放，是属于谁的呢？属于 o l 的大家可以看啊， o l 的属性 type 拥有选项，啥意思呢？我们现在所看到前面的展示方式是什么？是一二三四对不对？ 这个时候你可以把这个一二三四改掉，不让他以一二三四的方式来进行命名，可以是 a、 b、 c、 d 对吧？啊，就是可以换的， 那可以换哪些呢？在这里我们都给大家展示出来了，一共有五个，分别是默认的数字一二三四以及小写字母 a、 b、 c、 d， 大写字母 a、 b、 c、 d， 罗马数字标号 a 两，就是也是一二三对吧？然后这个大写的罗马数字编号也是一二三。那这些如何来使用呢？ 我们只需要这样来干，在 ol 里边空格加一个 type 的属性，然后可以看到这边有五个提示，默认就是第一个一二三四，我们可以复制一份，复制一份呢，把这个改成什么？ a、 b、 c、 d， 那还可以再复制一份，把它改成大写的 a、 b、 c、 d。 你像我们呃单选按钮，或者说呃就是单选或者多选的时候，是不是就用 a、 b、 c、 d 来进行处理啊？除了 a、 b、 c、 d 呢，它还有罗马字符，也就是那个字母 i， 它有大写的和小写的，大写的 i， 好，这个时候咱们翻回来刷新，你可以看到他前面所有的展示方式都是不一样的，数字、小写字母、大写字母、罗马小写字符、罗马大写字符，对不对？这就是他的不同的展示 方式，这就是 type 属性所带来的。而且我们的列表啊，有序列表啊，它还可以进行嵌套。 什么叫建造呢？在一个有序列表当中再增加另一个有序列表，你比如我们再看现在呢，上面都是正常的单一的有序列表，我们在这里再加一个立标签，比如这个时候呢，我们给他呃写成水果、水果啊， 然后蔬菜，嗯，肉类，对吧？这是三个类别，咱们翻回来刷新，在这里呢，我们可以看到 水果、蔬菜、肉类，对不对？然后我们的蔬菜这个里边咱们还可以再进行细分啊，比如说他是蔬菜，我们在这里面再来一个 o、 l 配合什么咪标签。蔬菜的分类，比如有什么白菜啊，油菜，对吧？还有什么？比如还有这个辣椒，辣椒也属于蔬菜，对吧？比如说黄瓜 也属于蔬菜，对不对？然后这个时候翻回来咱们再来刷新，你不难看到啊，在咱们这个蔬菜的往后退格的效果上，又增加了四个，白菜、油菜、辣椒、黄瓜，它是属于谁的？属于咱们这个蔬菜的， 所以说在一个列表当中，咱们还可以嵌套第二个列表，那能不能嵌到第三个、第四个列表？没有问题，列表层级的嵌套是没有限制的，但是我们在真实的应用场景当中，不推荐大家嵌套太多 层，因为你嵌到太多层的时候，你的页面结构太过于复杂，不利于维护。好吧，但是我们说了，这种嵌套需求也是比较常见的 啊，我们现在是给蔬菜欠套，能不能给水果欠套没有问题，能不能给肉类欠套也没有问题。好，大家可以看到，这就是我们的列表。有序列表， 为什么叫有序啊？因为它的排列是有顺序的。呃， a、 b、 c、 d 也好，一二三四也好，它是有顺序的，是不是啊？所以它称为有序列表。 那你看这个有序列表基本内容就这么多。首先我们能知道的是，有序列表是一列列表项，对吧？然后它的组成呢，是有两个标签，一个是外层的 ol 的，可以称之为容器标签，以及每一个列表项的立标签组成。例如我们看到的，对不对？ 展示的方式就是从上到下的一二三四啊，默认展示，当然你不喜欢一二三四，你也可以通过 tap 来调整它的展示方式，用字母也好，数字也好，罗马字符也好，都可以，对不对？ 然后列表呢，也是这个有序列表也是可以互相嵌套的，在里边我们可以再嵌套一个，也是没有问题的，对不对啊？就如我们所看到这个是不是啊？也是没有问题的，那这个呢？就是我们的有序列表简单吧？好，以上内容掌握之后呢，我们来看一下实时效果反馈，看一下本节课你有没有学会 有序列表展示效果。以下哪个是描述正确的？展示一个段落效果，这是 p 标签段落，对吧？展示一个无序列表效果，这个无序不对，我们说了他是个有序列表。 c 答案展示一个有序列表效果，对的，所以正确选择 c。 d 答案， 错在哪？展示一个加粗的文本效果，加粗的文本效果不是 b 标签吗？对不对？所以正确答案选择 c。 看第二题有序列表的标签组合，正确的是 ul 加立标签，错了，对吧？ o l 加立标签，哎，对的，就是 o l 加立标签 c 答案是 h， 一加立标签是 h， 一是标题不对，对吧？ d 标签是 amage 加立标签， amage 图片也不对，所以正确答案选择 b。 答案， 一定要记住是 ol 加离标签来展示有序列表， ok， 那么关于有序列表的相关知识呢，我们就给大家说到这里，感谢各位聆听，咱们下节再见！

啊，同学们，我们现在继续第八个元素，优要，优要元素是吧？优要就是无需列表，无，无需列表的意思， 常常会用 l i 元素搭配使用是吧？ you are another list， 嗯，哦，对， list 是吧？就是这个意思。无序就是前面他列表前面他不会有 一二三四这些排列顺序，他只是会有一个默认，默认只会有一个点。好，我们看一下效果又要要挨，是吧？我今天想吃什么？ 想吃香蕉，我想吃火龙果，或者是我还想吃火腿肠 是吧？好，这就是一个 ur， 一个无序列表，我们来看一下页面上会怎么展示。 哎，出来了，是吧？这是一个列表，列表前面会有一个点，这是他的默认让式是吧？香蕉，火龙果，火腿肠。 啊，一个简单的列表就这样出来了。 好，我们继续讲一下 a 标签， a 标签是什么意思呢？ a s 就是潮连结的意思 是吧？哎，元素他默认会有一些样式是什么呢？就是回家下火线和那个字体变蓝， 是吧？这是他的 mod 样式，而且鼠标移移上去的时候，他那个鼠标会变成一个手， 鼠标移上去的时候会变成手指， 是吧？我们常用的 a 元素，它其实就需要你点击，点击之后呢就会跳到另外一个地址，我来试一下。 好，我们现在看一下效果。哎，出来了，对不对？ 我这个鼠标一上去他变成一个手指，然后他字体加了个下线，而且字字体也会变蓝，对不对？因为现在我们我们我没有设置那个链接，所以点击之后他不会跳转， 我会跳转到新的地址，但是如果我加一个地址呢？啊，比如说我加一个百度 h p s， 那我一点这个超链接，它是不是会跳到百度啊？好，我试一下 点击，哎，他果然跳到百度了，对不对？但是他的默认就是会替换当前这个窗口，但是我想让他开一个新窗口呢， 我应该怎么设置呢？可以加个属性吗？对不对？大 get 大概的设置是这个是吧？是这个 blank， 他会不会是不是就会开一个新窗口啊？好，我们看一下。 have 等于这个面积， target 是吧？等于 blank 是吧？ usco 已经自动提示出来了，它改的 blank， 它是不是会新开一个窗口来打开这个链接？好，我们看一下。哎，果然实现了我们要的效果，对不对？ 好，第十个元素， a m g 元素，也就是插入图片， 顾名思义嘛，我们就是可以在页面上插入个图片，它的图片呢，链接可以是 http 协议的，也可以是本地的， 可以是网络图片，也可以是本地图片。网络图片的话必须得是一个完整的 http 链接，对吧？然后本地图片的话，直接引用本地路径就可以了。 好，我们先看一下，我现在插入一张图片， a m g a， 它是不是这个标签出来了？ s r c 就是设置的图片的图片的地址， 对不对？好，我们现在找一张图试一下，我就找一张 javascript。 好，我复制一个链接过来， 嗯，我直接粘贴上去，哎，是吧？这是不是一个完整的 http 链接是吧？好，我们看一下页面效果，哎，图片出来了，是吧？但是你会发现，哇，这个图片太大了吧。啊，窗口就那么一点， 这时候怎么办？可以设置他的，是不是可以设设置他的狂塔高 微服是吧？ w i d t 九设置它的宽度，两百像素是吧？两百。 ps， 哎，你看图片过来就变小了，对不对？变成两百像素，两百像素的宽，你会发现他的高同时也会自动变小，这是他的一个默认的属性，对不对？他他会等比例缩小， 因为你只设置列边，另外一边的话就会等比例缩小。如果我只设置高的话，会怎么样呢？然后这时候宽的话也会等比例缩小， 哎，你看是吧？现在宽是最高是两百像素，那么它宽因为 w d 缩小，对不对？但是我不 想让他当比例缩小，我想那我就指定他的宽高都给指定好，那我就指定他宽是一百，高是两百，对不对？两百，然后这时候普遍就会按照你指定的大小 变换，对不对？但是这时候你会发现，哎，这个图片好像已经不能看了，太扁了，是吧？所以我们一般的话就是 是限定他的其中一边的一边的宽度或者高度就可以了，对不对？ 这个按照实际的需求去设置这个东西，是吧？好，这就是图片元素， 本地图片的话，本地图片啊，这里就直接就引用本地图片的路径就可以了。比如说你当前目录下有一个这个图片，是吧？这个名字的图片，然后你就直接引用就可以了， 对不对？然后当前目录下的话，就是你要输入一个完整的文件名，如果是还有还有一个目录， 那你就直接就同级在下一级呗，是吧？如果是上级呢？上级你就点点点这两个点就可以了，点点是吧？你找到这个 图片的路径就可以了，对不对 啊？ 好，下一个元素，十一个元素， div 元素， d a v s， 这是我们常用的布局元素，然后就是没有特殊的含义，它其实就像，就像，就像一个容器， 是吧？它是一个会计元素，是个会计，会计元素特点是什么？它会默认占据函， 占据一行。哇， d m 元素 默认占据一行，对不对？好，我们看一下效果啊， 哎，你看 d i v 元素算了，在这儿它其实这个 d i v 元素它什么样式也没有， 就是没有特殊的含义，对不对？因为发现他既没有外编剧，也没有那编剧，外编剧那，那编剧默认的是零，而且字体大小等等， 这些都是默认的字体大小是吧？然后常用这个 div 元素来布局。然后第十二个元素， span 元素， so span 元素呢？就是个行内扣元素， 就是就是个完美标签，完整标签的意思，对不对？我们常常常用这个用来做一些特殊的样式， 比如说你在一段玩这种 需要某个字或者是某些词语加粗啊，或者是其他 颜色是吧？有些词语 要用其他颜色或者样式是吧？ 你就用这个四边标签把它包裹住，对不对？这样子这样的话就会影响那个布局 是吧？ spin， spin 是吧？ 然后一般这个时候呢，你在上面加一个样式， class 是吧？或者你直接加个 style， 现在先加 带吧，对不对？那我想把它变成红色，怎么弄？ carr， 这样是不是就可以了，对不对？哎，果然这个文字变好了。 好，以上就是我们 hdl 中常用的十三个元素，希望大家可以牢牢掌握，想学习更多尖端知识的同学可以关注加点赞我的抖音号，谢谢。

大家好，我是李老师，这节课呢，咱们来介绍一下列表标签 least。 首先来看一下无序列表 ul， 这里不管是无序列表还是有序列表，所有的列表像标签都是 li， 咱们的列表像的内容都要写在 li 和杠 li 之间。 然后看一下 u l type 属相者的三种。第一种， disc 是默认值，显示效果是实心圆， circle 是空心圆，死块是实心方块。 进行情况下，他们在写完 ur 之后，里面的每一项内容如果没有指定太婆值的话，他的默认显示效果就是第四个，实心园 还有嵌套列表的情况下，里边咱们什么都没写，那么默认他从实心圆就会变成空心圆， 如果有第三层嵌套列表，就会变成实心的方块。然后看一下有序列表。 olsl 呢，主要有五种开发值，数字列表、小写字母列表、小写罗马字母列表、罗马字母列表和字母列表。 然后呢，咱们要记住他的语法结构啊，大盘等于 y 六，这个歪六值就是五种考试的时候啊，大概率会考的大小写的 a， 大小写的 a 和一，这五种大家一定要记住。

好，那么接下来咱们来带同学们去学习无序列表的相关内容，那首先啊，无序列表呢，他表示在网页中展示出一组没有顺序之分的列表，比如说咱们刚才所讲到的新闻列表，他的每一项之间呢，就是没有顺序之分的。 那么咱们接下来的想法是想在咱们自己的网页中呢，展示出一个无序列表出来，那咱们会通过无序列表的标签组成的介绍，包括代码的实现，带同学们一步步去分析无序列表的显示特点以及注意点呢，有哪一些？ 好，那咱们首先先来看右侧的这张图，现在啊，我想在咱们自己的代码中呢，展示出右侧图中的水果列表的情况，那咱们会发现啊，我右侧所罗列出来的水果列表，他的每一项之间有顺序之分吗？ 哎，其实是没有的，因为只是罗列出了常见的水果情况，而并没有说谁排名在前，谁排名在后， 我哪怕把榴莲这一个选项挪到最后去，也是完全不受影响的。那像这种没有任何顺序之分的情况，咱们就使用无序列表的形式来去展示。 那咱们到底如何去在我们的网页中展示出一个无需列表呢？哎，咱们肯定需要通过一定的标签来进行展示， 那我们这边想要去完成五十列表的情况，我们需要学会以下这两个标签来去表示，分别是优要和咱们的立标签， 而他们两个呢，是一个代码的组合，有各自的应用位置。就以咱们右图中锁定的列表为例，首先我们在写这个列表的时候，整体咱们 需要使用到第一个标签，叫做一味奥来进行完成，然后我整体里面还存在里面的每一项，像这边所对应的每一项内容，咱们会通过第二个标签立标签来显示， 他们两个是一个组合哦。说完了咱们标签的组成之后，接下来老师就来通过代码的形式大同学们展示一下如何在咱们自己的网页中显示出对应的列表。这边老师呢，打开咱们的 vsq 的来写咱们的代码了， 那咱们在写的时候啊，我们就写完整一点，从上往下挨个去写。首先分析第一个部分，这个字呢又大又粗，是咱们整个列表的大标题，那么咱们说过吗？标题咱们会使用什么标签呀？叫做 h 一标签，写上一个 水果列表即可。好，再往下是咱们重头戏哦，我们要去写下面的无序列表了，那么咱们首先回想到刚才所讲到的 ul 表示什么部分啊？表示无序列表的整体， 然后还有一个标签需要配合使用，就是立标签，立标签表示无序列表的什么呢？哎，每一项， 好，我们来开始去书写哦，首先我们的顺序是先写整体，再写每一项，那么整体呢？写上一个 ul 标签，他是一个双标签，所以在它里面用来包裹立标签， 我们写上立标签，放在这里面一共有几项啊？一二三四五有五项，所以这边咱们来 ctrl c ctv 粘贴五个出来就可以了。然后填写咱们对的内容，比如说第一项呢是咱们的榴莲，第二项是咱们的香蕉，第三项是咱们的苹果，第四项是咱们的哈密瓜， 第五项是咱们的火龙果，在这好都选完了之后啊，我们是按照我们的规范一步步去书写的，最终我们来看效果和咱们想的是不是一样的哟，写完之后， ctrl s 保存一秒钟来取刷新。 哎，咱们会发现最终展示的结果和咱们想要的结果呢，是一模一样了，那咱们就借助刚才所讲到的两个标签，实现了我们希望的效果。好标签的展示已经做完了之后，接下来呢，我们要进入第二个环节， 代码都写完了，咱们需要通过我们写完之后在网页中所展示的效果来分析无序列表他的显示特点呢，是什么样子的。 同学们很明显会发现我在代码中只是写了榴莲香蕉这么几个字，但是我在实际网页展示的时候，我其实每一项的前面都存在了一个小圆点在这。 哎，那这个小圆点啊，就是咱们无需列表中每一项的特点，浏览器会给无需列表中的每一项默认加上一个一个的小圆点，表示他是无需列表中的每一项。 好，说到了这里呢，咱们就把无序列表的标签组成，包括形式特点呢大同学们通过代码的形式展示完了，那最后呢？老师在同学们实际写代码的时候啊，需要 以几个注意点，同学们需要小心一下的有以下这么两个注意点。第一个注意点就是咱们在写优雅的时候啊，他里面语法中要求只允许包含立表现才行，因为整体包每一项，这是个固定的用法，不要随意乱检讨。 第二个特点就是咱们的立标清啊，它里面可以包含任意的内容，你想包谁，其实都是可以的。那么这个注意点，说完了之后啊，我们在代码中也给同学们去稍微展示一下啊。那比如说现在呢？有同学说，老师我想在无需列表里面放一个屁， 那么他能直接放吗？有点不大好，因为我们语法中规定了，幼儿标签中只允许放立这个标签，是不让你放其他的标签的。那如果同学们这边非要去放 一个 p 放在这个位置，比如说写上我是一个 p 标签，那么写完之后给同学们看一下效果， ctriss 保存页面中来去刷新。 哎，文字呢，确实也能去展示，但怎么会发现作为美相前面的特征，小圆点这边有吗？其实没有，他没有通过咱们无需列表的认可，所以这样写的话呢，是不严谨的，是不对的。 那有同学说，老师我非要去往里面放一个屁，那咱们怎么办呢？哎，你直接放肯定是不行的，但咱们来看第二点，立标签可 可以包含锐的内容，那咱们可以这样去做啊，咱不直接写上一个 p 表情，我先在用料中写上一个立放在这里，然后呢，我在立里面再去放一个什么呢？ p 在这，那不就可以了吗？来，我也是一个 p 标签，那我这样写完之后，既符合咱们的规则，也是写了我想要的标签，这样做就行了，来看结果了哟，此事来去刷新， 哎，咱们会发现屁在这里了，而且小圆点呢，也在这了，那这是一个咱们实际开发中的一个注意点哦，好， 那么说到这里啊，咱们就已经把我们无需列表中的标签组成、写实特点以及注意点都说完了。那最终老师来带同学们去进行一个简短的小结来回答两个问题。 第一个问题，哎，无序列表他是有几个标签组成的呀？分别表示什么嘞？哎，同学们，回想一下无序 列表的整体，咱们叫做 ul 武士列表的每一项叫做力表签，他俩是配合使用的，一起组成了咱们的武士列表。好，不错好。第二个问题， 无序列表他所对应的件套规则是什么样子的呢？哎，咱们说过，首先优要中只能放立标签，而咱们的立标签中可以放任意的内容。好，说到这里呢，咱们已经把无序列表的相关内容都介绍完了呦！

如何使用 tiper 啊，写我们自己的笔记，里面的技巧也很多，这样呢，我重点讲一下这八条。首先呢，我们先看我们第一个写的笔记啊， 如果左侧有一个大纲，那我们在看笔记的时候会非常的方便，所以啊，如何显示我们左侧这个侧边栏大纲呢？我们只需要选择仕途菜单里面的大纲仕途就可以了，这样我们点起来 滑动起来会比较的方便。第二个呢，我们说笔记啊，经常会有一些标题，所以说呢，我们想要加标题，只需要输入一个井号，加一个空格，这是一级标题哦，一级 ok， 标题输入完毕之后撬回车，那这呢就是一级标题，二级标题呢哎，输入两个井号加一个空格，那这个呢是我们的二级标题，二级标题撬回车。前面呢，我已经交给小伙伴安装我这一个主题了，所以二级标题是这种形式来展示的。三级标题，那同学们就明白了，一二三， 三个井号打一个空格，这个呢是三级标题，三级标题敲回车，你会发现是二点一，它也是自动编号的，我们写的大码呢，直接这么做看起来并不好看，你要想生成 h 码，大码的话，只需要这么做，三个波浪线，一个二个，三个波浪线，然后输入 atmr， 这会有提示， 可以首选也行，然后敲下回车，然后看加 v， 哎，怎么样，是不是又把我们的大马片段放在这个地方了？同样道理，如果你只有 css 部分呢，哎，你可以只把 cs 选中， 我们可以选择波浪线啊，一二三三个波浪线输入 css 敲回车，哎，这个粘的是 css 部分， 那你如果有 js 呢？同样道理，不让线不让线不让线，然后呢？ javascript， 哎，然后呢，教会车就可以把我们的啊 js 给它粘贴进去，哎，然后呢，看加微粘贴，小伙伴会发现啊， 他们里面的颜色呢，是稍微有些不同的。那有了这个之后呢，还有一个我需要给大家讲的，就是，哎，我们这个代码呢，带个编号是会看起来很漂亮一些呀，那可以选择文件菜单里面有个偏号设置，然后呢，我们去找里面一个叫代码块的，然后选择你们的显示行号，打个对勾，把对勾给他选上去。 好，这样呢，改完抽我们再去写的时候就会看到有行号的了，来，我们再次把他们选中 x 解气，走啊，这个我们就不要了，哎，我们把它去掉，走，你走，你看好了啊，布朗线布朗线布朗线 atml 输完之后敲回车卡上加 v 一展贴，怎么样子，我们的左侧呢，会带上我们对应的这个喊号呀。

这节课讲列表，列表分有序列表和无序列表，有序列表的标签是 ol， l， i 是列表。像看个例子， 这就是有序列表，前面有个序号，默认的序号是数字从一开始的。那么如果要从五开始怎么办呢？有个属性 start， 可以设置序号的起始编号， 这里写 start 等于五变形，这里的编号就从五开始了。有时候需要编号道序，显示 reversed 属性，就可以实现到序编号， 这里的编号就变成道序的了。编号除了用数字，还可以用其他符号表示，比如 不用字母，罗马数字，它属性就是指定数字编号的样式的。字母是分大小写的，先写个小写，它等于 a， 这里编号就变成小写字母 abc 了。改成大写 a， 现在变成大写 abc 了。罗马字母也是一样的，也分大小写， 先写个小写的爱，现在运行页面变成这样了，再改成大写的爱，看看，这就是大写的。 再来看看无序列表， ul 是无序列表，把 ol 改成 ul 看看，结果 可以看到前面的编号就变成了小黑点了。列表也可以欠套，比如 ul 里面欠套的 ol， ol 里面欠套 ul 也是可以的，用法一样。再来看看另外一个标签 dl， 它的列表像有 dt 和 dd， 不多说，来看看。代码 是这样的，滴滴是在滴滴下方缩进了。 杰克讲了列表相关的标签，现在来扩展下，把列表加个链接，点击每一项都跳转到一个页面。怎么实现呢？其实很简单，在 li 标签下面欠套一个 a 标签就可以了。现在来写一下代码， 夜行下页面出来了， 也看到了，点击每一项会跳转页面了，跳转页面还是用前面学过的 a 标签实现的。

你是否见过有些人在写文档时将许多快捷键使用的行云流水，不再需要反复用鼠标调整，使用简单易学的标记语言吗？这样你也可以做到只要轻松敲击几个键，即可完成文档格式调整。 先从这几个常用简单的用法入手，要设置一级标题，输入井号加空格，再输入标题内容即可。如果是二级标题，就输入两个井号，以此类推。 有序列表用数字加点，无序列表用减号或星号加空格。需要输入第二层列表时，可以使用 w 键缩进一级， 输入两个方括号加空格即可。调用任务列表格式，想加错文字时，用两个星号包围文字，再空格一下即可。如果需要鞋体，就只用一个星号来包围文字。 想加一条分割线，用三个减号画出一条线，我们就懂你的意思了。想要了解更多麻将用法，请点击文档右下角的问号，并选择快捷键查看。