当前位置:万花网 > 建站相关 > 正文

HTML代码还有这些,你知道吗?

Tips:本文最后更新于【 2019-06-06 12:19:12 】,某些文章具有时效性,若有错误或已失效,请在下方留言或联系小P君

例一:

给文本加上拼音:

优质电商资源平台you zhi dian shang zi yuan ping tai

<ruby> 优质电商资源平台<rt>you zhi dian shang zi yuan ping tai</rt> </ruby>

至于间距,自己调整,不需多言了吧!

例二:

给文本添加缩进展开:

缩进文本(点击三角符号)

我是展开内容,我是展开内容,我是展开内容,我是展开内容,我是展开内容;

<details><summary>缩进文本(点击三角符号)</summary>我是展开内容,我是展开内容,我是展开内容,我是展开内容,我是展开内容;</details>

例三:

进度条样式:

80%

<label for="file">当前进度:</label> <progress id="file" value="80" max="100"> 80% </progress>

这个进度条的内容可自定义;

还有另外两种进度条;

进度条二:20%

进度条三:80%

进度条二:<meter value="20" min="0" max="100" high="85">20%</meter> 
进度条三:<meter value="80" min="0" max="100" high="85">80%</meter>

实际使用情况自己定义吧!

感觉很棒!可以赞赏支持我哟~

赞(2) 打赏
作者保留所有权,侵删请联系,转载请注明: » 万花网 » HTML代码还有这些,你知道吗?

低至¥89元/年限时抢

抢阿里云服务器1折起代金券

立即抢购

评论1

  1. #1

    这个高级了。学习。