初始HTML常用三种列表及六种Emmet插件

HTML常用标签

1.有序列表

  • ol 有序列表 序号 上下边距margin为16px 左侧内补padding40px 圆心出了li范围
  • 下面展示一些
  • `

    1. 你好

    2. 你好

    3. 你好

    4. 你好

    5. 你好
    `

2.无序列表

-ul无序列表,前面自带实心圆点
-下面展示一些

  • 你好
  • 你好
  • 你好
  • 你好
  • 你好
* li 列表项目 默认样式 相当于div 自带实心原点(::marker伪元素) 不会单独存在

*ol或者ul默认序号、原点都在左侧内补区域内

3自定义列表

  • dl 自定义列表
  • dt 自定义列表项 相当于li
  • dd 自定义列表项目说明
  • 下面展示一些 `

    你好
    你好
    你好
    欢迎
    `

常见的Emmet插件(6种)

  1. “*”: 重复多少次
    如图:的的

  2. :嵌套
    如图:在这里插入图片描述

  3. {} :内容
    如图:在这里插入图片描述

  4. $ : 递增
    如图:在这里插入图片描述

5.+ : 并列
如图:在这里插入图片描述
6. () : 整体
如图:在这里插入图片描述

今日总结:

今天主要学习了HTML常用的三种列表格式,对HTML的列表有了初步的认识,可以简单编写一些有样式的页面,使用6种常用插件,可以提高编程速度。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值