首页 > 其他分享 >【HTML】第四讲:有序列表和无序列表

【HTML】第四讲:有序列表和无序列表

时间:2023-10-22 17:32:48浏览次数:39  
标签:序列表 符号 标签 项目 无序 列表 嵌套 HTML

今天你进步了吗!@放纵lili

一、有序列表。

1、以数字和字母等可以表示顺序的符号为项目符号来排列列表项的列表为有序列表。

2、形式:共有以下五种。

【HTML】第四讲:有序列表和无序列表_无序列表

3、基本语法:

【HTML】第四讲:有序列表和无序列表_无序列表_02

#记忆起来也很容易的:ol就是order list有序列表li就是列表。

4、<li>标签里可以任意嵌套,但是<ol>标签,就只能嵌套<li>标签。

5、type=“ ”的用于设置有序列表项标号标识符。简单来说就是用于设置项目符号的类型。(以上五种)

示例:

【HTML】第四讲:有序列表和无序列表_列表_03

【HTML】第四讲:有序列表和无序列表_无序列表_04

6、start=“ ”表示从一种类型的项目符号的第几个开始。

示例:

【HTML】第四讲:有序列表和无序列表_列表_05

【HTML】第四讲:有序列表和无序列表_有序列表_06


二、无序列表。

以无次序含义的符号为列表来排序列表项或没有任何列表标点的列表为无序列

【HTML】第四讲:有序列表和无序列表_无序列表_07

表。分为项目列表和定义列表。

项目列表:

1、形式:(有三种)



2、基本语法:

【HTML】第四讲:有序列表和无序列表_有序列表_08

3、<li>标签里可以任意嵌套,但是<ul>标签,就只能嵌套<li>标签。

4、type=“ ”类型,和有序列表一样,此类型可用于选择项目符号的种类。

定义列表:

1、一般用于图片配文字说明:

【HTML】第四讲:有序列表和无序列表_无序列表_09


2、基本语法:

【HTML】第四讲:有序列表和无序列表_无序列表_10

<dt>可以放图片或文字</dt>         <dd>放文字</dd>



标签:序列表,符号,标签,项目,无序,列表,嵌套,HTML
From: https://blog.51cto.com/u_16292324/7977954

相关文章

  • How to use regular expression to match a special meta tag in html string using j
    HowtouseregularexpressiontomatchaspecialmetataginhtmlstringusingjavascriptAllInOnemetatagerror❌consthtml=`<!DOCTYPEhtml><htmllang="en"><head><metaname="twitter:card"content......
  • HTML
          ......
  • springboot使用form标签在两个html页面之间实现界面跳转,出现405问题,但是一刷新就能出
    问题描述在我使用form标签的action属性实现两个html页面之间的跳转,但是出现了这样的问题:问题解决我尝试将这一块内容去掉:然后再次尝试:页面出来啦~问题解决啦~~......
  • html知识点整理
    知识体系2案例整理(1)案例一:    1)需求:响应式设计    2)代码:       3)效果图  (2)案例21)需求:内联框架2)代码: 3)效果图 3.难点整理1,表单创建: 效果图2,内联框架创建Iframe(在网页中显示网页) ......
  • HTML标签之列表标签
    一无序列表1.默认是竖着排列,默认前面有实心圆符号2.想要修改符号样式给ul添加type属性3.type属性{circle:空心圆,square:方形,none:去除符号,disc:默认实心圆}①默认样式<ul><li>我是无序列表1</li><li>我是无序列表2</li><li>我是无序列表3</li><li>......
  • HTML+CSS面试题
    1、内元素和块级元素的区别?行内元素:不会独立出现在一行,单独使用的时候后面不会有换行符的元素。eg:span,strong,img,a等。这些元素,默认的高宽,总是其内容的高宽。并且,margin和padding值,只有左右有效。块级元素:独立在一行的元素,他们后面会自动带有换行符。eg:div,p,form,u......
  • React学习笔记14-dangerousSetinnerHtml指令
    1.使用场景dangerouslySetInnerHTML指令能将字符串当做html解析相当于vue中的v-html指令一般我们用来渲染富文本返回的html文本2.使用方法{this.state.tolist.map((item,index)=>{return(<spandangerouslySetInnerHTML={{__html:item}}ke......
  • thinkPHP5.0返回的接口返回 json数据,用了json_encode不生效,却返回的却是text/html格
    如何让返回的数据完全是json1、用SoapUI来测试借口,Content-Type不是json,而是text/html;2、自己的接口,最后的数据用了json_encode,也是不管用的;3、用header来设置Content-Type也没有效果;4、而改框架的配置default_return_type为json,这也是不可取的,整站是网站需要返回的还是te......
  • 打开本地html文件+文件路径
    打开本地html文件+文件路径打开本地html文件一、文件目录1、方法使用os库 importos ​ #文件绝对路径,含文件名 print(os.path.realpath(__file__)) print(os.path.abspath(__file__)) ​ #os.path.dirname(path):获取path路径的上级路径 print(os.path.dirname(os.pa......
  • html5+css-06
    HTML5(最常用)新增标签语义化header:头部nav:导航article:内容section:定义文档某个区域aside:侧边栏footer:尾部主要针对搜索引擎可多次使用在IE9中需要转化为块级标签视频audio:音频(.mp3)video:视频(尽量使用.mp4)新的表单emailurlnumberrangeDatepicker......