哈喽大家好，我是作者“未来”，本期分享的内容是Web前端系列课程，本系列总共29个阶段，坚持学习3个月蜕变为Web前端高手哦！
志同道合的小伙伴跟我一起学习交流哦！
第一阶段 HTML5
09HTML5 新增标签和属性
1 html5文档类型和字符集
Html的发展历程：
文档类型设定
2024年10月30日
哈喽大家好，我是作者“未来”，本期分享的内容是Web前端系列课程，本系列总共29个阶段，坚持学习3个月蜕变为Web前端高手哦！
志同道合的小伙伴跟我一起学习交流哦！
1 html5文档类型和字符集
Html的发展历程：
文档类型设定
2024年10月30日
HTML 属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name="value"。
属性总是在 HTML 元素的开始标签中规定。
属性实例
HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定：
[demo]
<html>
<head>
<meta charset="UTF-8">
2024年10月30日
大家好，今天给大家分享一篇阅读的文章，本篇文章主要讲了 12 个 HTML 标签（组件），通过这些标签避免你在项目中集成复杂第三方组件，比如日历组件、颜色选择、进度条等...，简单的标签就能很方便的调用系统组件。
2024年10月30日
点击右上方红色按钮关注“web秀”，让你真正秀起来
1、Uni-App 启动页和引导页介绍
2、Uni-App 简单引导页示例
3、Uni-App 视频引导页示例
Uni-App 启动页和引导页是两个不同的东西，启动页是 Uni-App 自带的，不可去掉，只能修改相关配置。而引导页完全是需要开发者自行开发的。
2024年10月30日
据谷歌统计，全球有700多种编程语言，是不是听上去很耸人听闻？！现今，各种框架和各种编程语言一直是你方唱罢我登场，来来往往。
而对于HTML，不管你习惯与否，它始终在那。无论选择哪种框架或后端语言，所有Web开发人员都必须躲不开使用HTML。个人认为，即使是实现相同的功能，最好还是使用HTML编写，而非JS，尽管我也承认编写HTML可能显得比较“重体力”，而且很无聊。
HTML有如此广泛的用途和“坚强的生命力”，仍有开发人员所不太知晓的标签和属性。以下是您应该了解的5个HTML标记和属性：
2024年10月30日
实例
带有两个源文件的音频播放器。浏览器需要选择它所支持的源文件（如果都支持则任选一个）：
<audiocontrols><sourcesrc="horse.ogg"type="audio/ogg"><sourcesrc="horse.mp3"type="audio/mpeg"> 您的浏览器不支持 audio 元素。</audio>
浏览器支持
2024年10月30日
接着橙先生上一篇的常见样式属性，可以用在绝大多数的标签中，如div、sapn、p等标签中，这篇继续讲样式属性，不过是一些特殊标签的样式属性。
废话不多说，直接往下看
1、<img src="图片路径" alt="图片的描述说明文字">
Img标签也有橙先生上一篇文章中介绍的常见样式属性，另外如上所见它也有自己特殊的属性src和alt属性，img就是图片标签，那么src就是引入图片的属性，其中输入图片路径地址即可，而alt属性是对图片的描述文字，当图片不能正常显示时，将会显示alt里的文字
2024年10月30日
在网页中添加视频、声音、动画等，可以增强用户体验。在HTML5之前，为网页添加多媒体的唯一办法，就是使用第三方的插件（如，Adobe Flash等）。
2024年10月30日
HTML多媒体 ， 主要分为Audio 音频和 Video 视频。
基本语法
src 指定当前播放的音频文件，controls播放控制器，loop歌曲循环，autoplay自动播放 (chrome66之后被禁止)主流浏览器已经关闭了自动播放，需要js触发才行，preload 预加载，如果使用了autoplay这个属性preload就失效了。
2024年10月30日
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)