开发者社区> 问答> 正文

批量生成带序号的html代码

静态页面,几百张图片。图片列表显示七牛缩略图,点击到新窗口产生大图。以下面的方式输出:

<li><a href="http://xxx.clouddn.com/1.jpg" target="_blank"><img src="http://xxx.clouddn.com/1.jpg!list"><h3>小标题</h3></a></li>

其中1.jpg为文件名,现在想直接写在html代码中(是一次性页面,不用维护那种),请问有什么好办法能够直接生成这段html代码呢?
一个个改实在是太费事儿了。。。

展开
收起
杨冬芳 2016-06-16 11:42:17 1868 0
1 条回答
写回答
取消 提交回答
  • IT从业

    使用编辑器内的插件:Emmet

    假设你的图片列表有300个,然后输入
    li*300>a[href="http://xxx.clouddn.com/$.jpg" target="_blank"]>img[src="http://xxx.clouddn.com/$.jpg!list"]+(h3>{小标题})
    然后安展开的快捷键。

    效果如下
    screenshot

    2019-07-17 19:40:39
    赞同 展开评论 打赏
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载