html5无序列表-HTML5 视频教程第 1 季第 7 集--列表

2023-09-17 0 8,504 百度已收录

HTML5学习QQ群:339367359

主要内容

1.列表网页中的位置

2. 有序列

3.无序列

4. 定义列表

列表在网页中的位置

上一集我们给大家介绍了图片在整个网页中的位置——颜值的作用。 没有图片的网页会变得特别苍白,很难吸引用户的注意力html5无序列表,而注意力是我们这个时代的关键。 最稀缺的资源之一。

但就像现实世界中的人一样,仅仅拥有强大的个性是不足以吸引注意力的。 你还需要有丰富的内在魅力,才能在和女生调情的过程中立于不败之地。

我认为一个人最重要的内在魅力就是他是否有清晰的逻辑。

许多人认为逻辑只存在于复杂的运算或具体的哲学概念中。 其实,在我们的日常生活中,一个人的思维、语言、写作是否具有良好的逻辑性,决定了他能在多大程度上认清事物的本质,也在一定程度上决定了他工作和事业的成功。 你能走多远? 因此,建议你多阅读这方面的书籍和文章——比如Barbara Minto的金字塔原理——这可以极大地提高你的逻辑思维能力。

逻辑讲了半天,这和我们明天要研究的清单有什么关系呢?

网页中列表的价值在于以逻辑的形式展示各种信息,使用户更容易获得网页内容的要点以及它们之间的关系,提高阅读网页的效率,从而更好地传播信息。 作者的想法。 根据逻辑关系的不同,HTML将列表分为三类:有序列表、无序列表和定义列表。

列表如何排序

有序列表一般用来表示内容之间的顺序或重要性关系。 每个列表又分为多个子项,每个子项都有对应的编号。

无序列表仅用于表示内容之间存在并列关系html5无序列表,同时也分为多个子项。 但分项前没有对应的编号,且只有一个来源进行标记。

定义列表通常用于表达名词或概念的定义。 每个子项由两部分组成。 第一部分是名词或概念,第二部分是相应的解释和描述。

有序列表 ol 标签和 li 标签

html5无序列表-HTML5 视频教程第 1 季第 7 集--列表

要在网页中定义有序列表,您需要使用 ol 标签。 每次写入 ol 标签时,都会在网页中定义一个有序列表。 列表中的列表项是使用 li 标签定义的。 例如:

    

把大象塞进冰箱

   
           
  1. 打开冰箱门
  2.        
  3. 把大象塞进冰箱
  4.        
  5. 把冰箱门关上
  6.    

默认情况下,有序列表使用数字对列表项进行排序。 此外,还可以使用大小写字母和大小写罗马数字。 可以通过ol标签的type属性来设置。 该属性有五个值:

a:使用小写字母对列表进行排序;

A:使用大写字母对列表进行排序;

i:使用大写罗马数字对列表进行排序;

I:使用小写罗马数字对列表进行排序;

1:使用阿拉伯数字对列表进行排序;

如果列表项不是从 1 开始排序,可以设置 ol 标签的 start 属性来指定列表从哪个序号开始向后排序。 例如:

  
           
  1. 第三种方案
  2.        
  3. 第四种方案
  4.        
  5. 第五种方案
  6.  

另外,还可以使用reserved属性来指定列表,将有序列表逆序排列。 这里再举一个栗子:

  
           
  1. content 1
  2.        
  3. content 2
  4.        
  5. content 3
  6.  

无序列表 ul 标签和 li 标签

要在网页中定义无序列表,需要使用 ul 标签。 每次编写 ul 标签时,网页中都会定义一个无序列表。 列表中的列表项仍然使用li标签定义,例如:

    
           
  • 西红柿鸡蛋面
  •        
  • 茄子肉丁面
  •        
  • 油泼面
  •    

当无序列表显示在网页上时,每个列表项都会标有固定的原点。 如果你觉得特别难看,可以重写一下。 ul 标签还有一个 type 属性。 该属性的目的是指定使用哪些形状来标记列表项。 然而,在最新的HTML5标准中,不再推荐使用该属性。 这个功能是和CSS相关的,我们的CSS课程会在以后给大家详细介绍。

定义列表dd标签、dt标签和dd标签

许多书籍和文章将定义列表称为自定义列表。 这其实是一个误区。 所谓定义列表是用来表达概念或名词的解释。 这个列表的格式和表达方式也是其中的两个。 所有列表都是固定的,开发人员无法更改或自定义。

要在网页中定义定义列表,需要使用dd标签。 每写入一个dd标签,就会在网页中定义一个定义列表。 与上面两个列表不同的是,定义列表的列表项包含两个内容。 dt标签用于标记名词或概念,而dd标签用于标记名词或概念的解释和描述。 举个栗子:

    
       
Mars
       
育知同创颜值担当
       
老罗
       
育知同创技术担当
   

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html5 html5无序列表-HTML5 视频教程第 1 季第 7 集--列表 https://www.wkzy.net/game/196729.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务