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

据谷歌统计，全球有700多种编程语言，是不是听上去很耸人听闻？！现今，各种框架和各种编程语言一直是你方唱罢我登场，来来往往。

而对于HTML，不管你习惯与否，它始终在那。无论选择哪种框架或后端语言，所有Web开发人员都必须躲不开使用HTML。个人认为，即使是实现相同的功能，最好还是使用HTML编写，而非JS，尽管我也承认编写HTML可能显得比较“重体力”，而且很无聊。

HTML有如此广泛的用途和“坚强的生命力”，仍有开发人员所不太知晓的标签和属性。以下是您应该了解的5个HTML标记和属性：

接着橙先生上一篇的常见样式属性，可以用在绝大多数的标签中，如div、sapn、p等标签中，这篇继续讲样式属性，不过是一些特殊标签的样式属性。

废话不多说，直接往下看

1、<img src="图片路径" alt="图片的描述说明文字">

Img标签也有橙先生上一篇文章中介绍的常见样式属性，另外如上所见它也有自己特殊的属性src和alt属性，img就是图片标签，那么src就是引入图片的属性，其中输入图片路径地址即可，而alt属性是对图片的描述文字，当图片不能正常显示时，将会显示alt里的文字

在网页中添加视频、声音、动画等，可以增强用户体验。在HTML5之前，为网页添加多媒体的唯一办法，就是使用第三方的插件（如，Adobe Flash等）。

import os
from IPython.display import display, Image，Video,HTML
names = [f for f in os.listdir('../images/ml_demonstrations/') if f.endswith('.png')]
for name in names[:5]:
    print(name)
    display(Video(name, width=500, height=200))
#     html = f'''
#         <video width="800" height="400" controls autoplay loop>
#           <source type="video/mp4" src="{name}">
#               Your browser does not support the video tag.
#         </video>
#       '''
#     HTML(html)

很多时候对有前端工程师来讲，页面效果直接会转嫁个CSS或JS，对HTML的一些属性了解的并不充分，接下来介绍一些有意思的HTML属性。

1）Multiple

顾名思义就是在一个输入标签或选择标签中可以输入多个值

前言

希望可以通过这篇文章，能够给你得到帮助。(感谢一键三连)

学习深入理解HTML5的