位置: IT常识 - 正文

HTML---列表(html列表去掉点)

编辑:rootadmin
HTML---列表

推荐整理分享HTML---列表(html列表去掉点),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:html列表代码,html列表横向排列,html列表标签有哪些,html列表标签有哪些,html列表框代码怎么写,html列表项目符号,html列表框代码怎么写,html列表框代码怎么写,内容如对您有帮助,希望把文章链接给更多的朋友!

一.列表

     列表是网页中最常用的一种数据排列方式。在HTML中,列表共有三种:有序列表、无序列表和定义列表。

二.有序列表

    1.一般采用数字或字母作为顺序,默认采用数字顺序。

   语法:

<ol> <li>列表项</li> <li>列表项</li> <li>列表项</li></ol>

***在该语法中,<ol>和</ol>标志着有序列的开始和结束,而<li>和</li>标签表示这是一个列表项。一个有序列表可以包含多个列表项。

     ol标签和li标签需要配合一起使用,不可以单独使用,而且<ol>标签的子标签也只能是li标签,不能是其他标签。

    2.type属性(在HTML中,我们可以使用type属性来改变列表项符号)

语法

<ol type="属性值"> <li>列表项</li> <li>列表项</li> <li>列表项</li></ol>type属性取值属性值列表项符号1阿拉伯数字:1、2、3······(默认值)a小写英文字母:a、b、c······A大写英文字母:A、B、C·····i小写罗马数字:i、ii、iii······l大写罗马数字:l、ll、lll······

eg:

 三.无序列表

1.语法:

<ul> <li>列表项</li> <li>列表项</li> <li>列表项</li></ul>

***<ul>和</ul>标志着一个无序列表的开始和结束,<li>表示这是一个列表项。一个无须列表可以         包含多个列表项。 

     注意,ul标签和li标签也需要一起使用,不可以单独使用,而且ul标签的子标签也只能是li标签,不能是其他标签。这一点与有序列表是一样的。

2.type属性

语法:

<ul type="属性值"> <li>列表项</li> <li>列表项</li> <li>列表项</li></ul>type属性值属性值列表项符号disc实心圆●(默认值)circle空心圆○square正方形■HTML---列表(html列表去掉点)

eg:

 3.深入无序列表

    对于无序列表来说,还需注意以下两点:

    1.ul元素的子元素只能是li,不能是其他元素。

    2.ul元素内部的文本,只能在li元素内部添加,不能在li元素外部添加。

eg:ul元素的子元素只能是li,不能是其他元素

 

***分析:上面的代码是错误的,正确做法如下 

<div>前端最核心3个技术:</div><ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li><ul>

四.定义列表

    在HTML中,定义列表由两部分组成:名词和描述。

   语法:

<dl> <dt>名词</dt> <dd>描述</dd> ......</dl>

  在改语法中,<dl>标记和</dl>标记分别定义了定义列表的开始和结束,dt标签用于添加要解释的名词,而dd标签用于添加该名词的具体解释。

eg:

 

五.HTML语义化

eg:  使用div实现的列表

 

 

 ***分析:HTML的精髓就在于标签的语义。在HTML中,大部分标签都有它自身的语义。例如,p标签,表示paragraph,标记的是一个段落;h1标签,表示的是header1,标记的是一个最高级标题。但div和span是无语义的标签,我们应优先使用其他有语义的标签。语义是非常重要的一个思想,对于搜索引擎优化来说也很重要。

本文链接地址:https://www.jiuchutong.com/zhishi/295267.html 转载请保留说明!

上一篇:Vue常见错误---Error in mounted hook(vue err)

下一篇:axios请求设置responseType为‘blob‘或‘arraybuffer‘下载时,正确处理返回值(axios请求设置超时时间)

  • 房地产企业增值税计算
  • 企业收取的租金应当计入
  • 网上申报办税
  • 应交所得税的计税依据
  • 机动车销售统一专票图片
  • 因租赁形成的使用权资产
  • 小额支出没有发票怎么做账
  • 电子承兑被拒付(可拒付追索)
  • 公司股权关系怎么填写
  • 小微企业减免附加税会计分录
  • 修理费的定额发票还可以报销吗?
  • 物业公司收入需要公示
  • 公司买包包送员工入可以计入什么科目?
  • 核定征收公司有什么用
  • 所得税汇算清缴调整项目
  • 国家税务总局2017 11号
  • 关注!这两种情况下可免征增值税!
  • 售楼部购买空调计入哪个科目
  • 转回已确认固定资产减值损失的会计处理怎么做?
  • 购买使用过的固定资产如何计提折旧
  • 去银行打回单需要带身份证吗
  • 累计专项扣除比别人的多
  • 华为鸿蒙harmonyos刷机
  • PHP:Memcached::fetchAll()的用法_Memcached类
  • pddpic是什么文件
  • ctfmon.exe文件在哪
  • 可抵免境外所得税税额
  • 被白雪覆盖的彩虹歌词
  • PyTorch 深度学习实战 |用 TensorFlow 训练神经网络
  • 微信小程序支付接口调用
  • 印花税计提比例是多少
  • ethtool-g
  • 土地使用税退税的会计分录
  • ps遇到了文件尾
  • 旅行社差额征税税率5%
  • 不合格机器设备怎么处理
  • 财务软件期末处理
  • 发生的计提费用没有发生怎么办
  • 城市维护建设税属于中央还是地方
  • 会议费报销时应当提供哪些材料
  • 留底税额怎么入账
  • 企业购买原材料属于投资吗
  • 用于研发购买的云服务器应计入研发费用直接投入里吗
  • 股本金退出要交税吗?
  • 银行开户存款流程
  • 如何控制生产成本和利润
  • mysql分表命令
  • 如何使用命令查找电脑IP地址
  • win8无法识别的usb设备 怎么解决
  • 3种不用重装的手机
  • windows命令提示符命令大全
  • 图解在OS X中管理窗口大小的多种方法
  • 苹果系统声音怎么设置方法
  • windows资源管理器被结束进程了怎么办
  • mac win10 wifi
  • centos安装vim命令
  • macos catalin
  • mac不同账户如何共享文件
  • 内存运行linux
  • macbookpro怎么删除快捷方式
  • win8笔记本电脑投屏方法
  • linux date-u
  • win7系统备份需要多大空间
  • win10周年纪念版
  • javascript 语言精粹(修订版)
  • winbox app
  • 批处理语言 从入门到精通
  • json查询语句
  • jQuery基于xml格式数据实现模糊查询及分页功能的方法
  • javascript写html
  • 小助手是什么软件
  • cypress 异步
  • python字符串的编码规则
  • JavaScript的Cookies
  • 十万元版增值税税率13发票最高开多少
  • 北京市房山区限行范围
  • 山东省国税局领导分工
  • 税务局的纳税服务有哪些
  • 众筹在中国的发展潜力
  • 天津市各区国税局待遇一样吗?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设