html引用标签设置,html修改标签属性

首页 > 实用技巧 > 作者:YD1662023-10-28 17:46:16

大家好,今天给大家分享一篇阅读的文章,本篇文章主要讲了 12 个 HTML 标签(组件),通过这些标签避免你在项目中集成复杂第三方组件,比如日历组件、颜色选择、进度条等...,简单的标签就能很方便的调用系统组件。

一、颜色选择组件(Color Picker)

在项目中,你可能希望通过调色板组件动态调整颜色,这时你可以使用 <input type="color"> 就可以轻松调用一个调色板组件,省去你在找第三方组件,示例效果如下:

html引用标签设置,html修改标签属性(1)

示例地址:https://codepen.io/madarsbiss/pen/vYJBqeX

二、引用标签(Blockquote)

在文章排版时,有时候我们需要引用一些信息,这时我们需要用特殊的样式进行强调,这时你可以使用<blockquote> 标签来强调你用的内容,示例效果如下所示

html引用标签设置,html修改标签属性(2)

示例地址:https://codepen.io/madarsbiss/pen/JjyPQBd

三、音频播放器(Audio Player)

如果从头写个音频播放器是一个费时费力又有挑战性的工作,但是你现在可以使用<audio>标签就能很轻松的调用。系统的音频播放器,示例效果如下所示:

html引用标签设置,html修改标签属性(3)

示例地址:https://codepen.io/madarsbiss/pen/oNevrEb

四、视频播放器(Video Player)

我们不仅能很方便的调用系统的音频组件,我们还可以使用<video> 标签调用视频组件,示例效果如下所示:

html引用标签设置,html修改标签属性(4)

首页 1234下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.