html基本标签
<h1></h1>
<p></p>h是标签从h1~h6，没用h7,h8
p是段落
<a href="https://www.educoder.net">Educoder平台</a>href可以指定链接进行跳转
<img src="https://www.educoder.net/attachments/download/207801" alt="小狗走路"/>src是指图片地址，alt是未加载出来的时候显示的文字
<div align="center"><img src="./iTunesArtwork@2x.png" align="bottom" width="50" height="50" alt="50*50 应用图标"><img src="./iTunesArtwork@2x.png" width="100" height="100" alt="100*100 应用图标"><img src="./iTunesArtwork@2x.png" width="200" height="200" alt="200*200 应用图标"></div>div中可以指定align信息，img也可以
提供一段代码
<!DOCTYPE html><head><meta charset="UTF-8" /><title>HTML - 音频</title>
</head><body><h1 align="center">青石巷</h1><br><div align="center"><audio controls="controls" autoplay="autoplay" loop="loop" height="100" width="100"><source src="https://www.educoder.net/api/attachments/171686" type="audio/wav"/><source src="https://www.educoder.net/api/attachments/171685" type="audio/ogg"/><source src="https://data.educoder.net/api/attachments/171679" type="audio/mp3"/><embed width="100" height="100">你的浏览器不支持该音频格式。 Your browser does not support this audio format.</audio></div><br><p align="center" style="color:grey;">HTML5 audio 播放示例</p><p align="center" style="color:grey;"><small>注意：音频控件显示效果在不同浏览器中有些许差别。</small></p>
</body>
其中autoplay是页面加载出来就播放，loop是指播放完了重新播放
wav,ogg,mp3是音频的三种方式可以进行尝试播放如果不能成功就会尝试<embed>
接下来给出播放视频的代码
<!DOCTYPE html><head><meta charset="UTF-8" /><title>HTML - 视频</title>
</head><body> <h1 align="center">扬帆起航</h1><video width="550" control="control" autoplay loop><source src="./video/Sail-Away.mp4" type="video/mp4" /><source src="./video/Sail-Away.ogv" type="video/ogv" /><source src="./video/Sail-Away.webm" type="video/webm"/><object data="./video/Sail-Away.mp4" width="320" height="240"><embed src="./video/Sail-Away.swf" width="320" height="240" />你的浏览器不支持该视频格式。Your browser does not support this video format.</object></video><br><p align="center" style="color:grey;">HTML5 video 播放示例</p><p align="center" style="color:grey;"><small>注意：视频控件显示效果在不同浏览器中有些许差别。</small></p>
</div>
</body>
相关文章：
html基本标签
<h1></h1> <p></p> h是标签从h1~h6，没用h7,h8 p是段落 <a href"https://www.educoder.net">Educoder平台</a> href可以指定链接进行跳转 <img src"https://www.educoder.net/attachments/download/2078…...
端游如何防破解
在2023年这个游戏大年中，诸多热门大作涌现，作为世界级IP哈利哈利波特的衍生游戏——《霍格沃茨之遗》毫无悬念地成为2023年游戏圈的首款爆款作品，斩获了一众玩家的青睐。 在众多光环的加持下，《霍格沃茨之遗》很快被著名游戏破解…...
用 TVMC 编译和优化模型（2）
文章目录 前言一、使用 TVMC二、获得模型三、将 ONNX 模型编译到 TVM 运行时中四、TVMC 从编译的模块中运行模型4.1、输入预处理4.2 运行已编译的模块4.3 输出后处理 前言 在本节中，将使用 TVMC，即 TVM 命令行驱动程序。TVMC 工具，它暴露了 T…...
第八节 龙晰Anolis 8.8 安装 DDE 桌面环境
一、前言 最小化安装的龙晰 Anolis OS 8.8 是不带图形化界面的，只能使用命令行，有些时候需要用到桌面环境，而DDE (Deepin Desktop Enviroment) 就是很好的桌面环境，它是指龙晰 Anolis 所搭载的中国自主桌面环境，用起来…...
SpringBoot之Actuator的两种监控模式
SpringBoot之Actuator的两种监控模式 springboot提供了很多的检测端点(Endpoint),但是默认值开启了shutdown的Endpoint，其他默认都是关闭的,可根据需要自行开启 文章目录 SpringBoot之Actuator的两种监控模式1. pom.xml2. 监控模式1. HTTP2. JMX 1. pom.xml <de…...
【Kubernetes】k8s中容器之间、pod之间如何进行网络通信？
目录 PodKubernetes 网络模型同一Pod上的容器之间进行通信同一Node上的不同Pod之间进行通信不同Node上的Pod之间进行通信Service参考 Pod 首先来回顾一下Pod： Pod 是用于构建应用程序的最小可部署对象。单个 Pod 代表集群中正在运行的工作负载，并封装一…...
神经网络冻结参数后权重仍然更新
1. 背景 冻结model中的cnn1层： model.cnn1.requires_grad False 运行后发现cnn1的参数仍然在更新 作为一个编程菜逼，我乍一看没毛病呀，凌晨1点的我越调越迷糊，终于最终还是找到了问题，还是基础不牢 2.原因 应使…...
STM32学习7 按键扫描
STM32学习7 按键扫描 一、实验电路介绍二、按键GPIO初始化三、扫描原理1. GPIO引脚配置2. 状态轮询3. 按键状态检测4. 循环扫描的优缺点优点：缺点： 四、一次扫描与持续扫描五、代码实现1. 头文件定义2. 函数实现3. 主体函数 一、实验电路介绍 本实验使用…...
图像物体的边界- 华为OD统一考试(C卷)
OD统一考试（C卷） 分值： 200分 题解： Java / Python / C 题目描述 给定一个二维数组M行N列，二维数组里的数字代表图片的像素，为了简化问题，仅包含像素1和5两种像素，每种像素代表一个…...
.idea文件详解
.idea文件的作用： .idea文件夹是存储IntelliJ IDEA项目的配置信息，主要内容有IntelliJ IDEA项目本身的一些编译配置、文件编码信息、jar包的数据源和相关的插件配置信息。一般用git做版本控制的时候会把.idea文件夹排除，因为这个文件下保存的…...
安卓JNI基础知识
JNI基础知识 JNI简介NDK配置开发环境JNI实践配置CMakeJNI编码JNI注册1.静态注册2.动态注册 编译方式CMakeLists编译Makefile编译命令编译 JNI和C/C代码分离Java调用C/C查看so中包含的方法 C/C调用Java打印C/C的log生成多个共享库soJNI调试 本文整理了JNI技术基础知识 JNI简介 …...
Nginx高级技巧：实现负载均衡和反向代理
文章目录 Nginx概述Nginx作用正向代理反向代理负载均衡动静分离 Nginx的安装 -->Docker3.1 安装Nginx3.2 Nginx的配置文件3.3 修改docker-compose文件 Nginx源码安装nginx常用命令nginx配置文件配置文件位置配置文件结构详情 Nginx的反向代理【重点】基于Nginx实现反向代理4…...
2024年2月最新微信域名检测拦截接口源码
这段PHP代码用于检测指定域名列表中的域名是否被封。代码首先定义了一个包含待检测域名的数组 $domainList，然后遍历该数组，对每个域名发送HTTP请求并检查响应内容以判断域名是否被封。 具体步骤如下： 1. 定义待检测的域名列表。 2. 遍历域名…...
1、Linux-安装
一、Linux和Windows的一些区别 1、Linux严格区分大小写——【Windows创建文件夹时不区分大小写】 2、Linux中所有内容都以文件形式存储，包括硬件 3、Linux不靠拓展名区分文件类型，而是可以通过读取文件开头的一些字节来区分。 但是在实际使用中一般要…...
flutter 父组件调用子组件方法
当子组件是有状态组件 声明GlobalKey 如 声明 GlobalKey formKey GlobalKey<FormState>(); Form( key: formKey, autovalidateMode: AutovalidateMode.always, child: Column( children: <Widget>[ TextFormField( autofocus: true, initialValue: "a&quo…...
京东云硬钢阿里云：承诺再低10%
关注卢松松，会经常给你分享一些我的经验和观点。 阿里云刚刚宣布史上最大规模的全线产品降价20%，这热度还没过，京东云当晚就喊话：“随便降、比到底!，全网比价，击穿低价，再低10%”，并…...
Phoncent博客：探索AI写作与编程的无限可能
Phoncent博客，一个名为Phoncent的创新AIGC博客网站，于2023年诞生。它的创始人是庄泽峰，一个自媒体人和个人站长，他在网络营销推广领域有着丰富的经验。庄泽峰深知人工智能技术在内容创作和编程领域的潜力和创造力，因此…...
【Go-Zero】测试API查询信息无法返回数据库信息与api、rpc文件编写规范
【Go-Zero】测试API查询信息无法返回数据库信息与api、rpc文件编写规范 大家好 我是寸铁👊 总结了一篇测试API查询信息无法返回数据库信息与api、rpc文件编写规范的文章✨ 喜欢的小伙伴可以点点关注 💝 问题背景 大家好，我是寸铁！…...
SpringBootWeb快速入门
1.创建springboot工程，新建module 2.勾选web开发相关依赖 3.删除多余文件 4.新建类 5.启动类中运行main方法 6.启动 默认端口号8080 7.打开浏览器，地址栏输入 8.报错 9.原因，控制层位置放错，剪切controller层放进com.example …...
【书生·浦语大模型实战营】第 2 节 -课后作业
第二节 -轻松玩转书生浦语大模型趣味 Demo-课后作业 0.课程体验0.1 鸡兔同笼0.2 逻辑推理0.3 AI会毁灭人类吗？ 1.课后作业1.1 基础作业1.1.1 作业11.1.2 作业2 0.课程体验 课程链接：https://github.com/internLM/tutorial 首先，这个课程是免费…...
FFmpeg swresample库进阶：除了基础转换，swr_alloc_set_opts2还能这样玩（含滤波器与精度设置）
FFmpeg swresample库进阶：解锁swr_alloc_set_opts2的隐藏潜力 在专业音频处理领域，采样率转换的质量直接影响最终输出的听感表现。许多开发者满足于基础参数配置，却忽略了FFmpeg的swresample库中那些能显著提升音质的"隐藏开关"。本…...
制造业设计团队文档管理选型实战
制造业设计团队文档管理选型实战 某中型机械制造企业，研发团队47人，日常需要管理CAD图纸、BOM表、工艺文件、技术规范等超过120万份文件。过去三年，这支团队换了两次文档管理系统，第二套系统上线8个月后被迫重建——原因是设计部门…...
D3KeyHelper终极指南：5步轻松掌握暗黑3智能按键操作
D3KeyHelper终极指南：5步轻松掌握暗黑3智能按键操作 【免费下载链接】D3keyHelper D3KeyHelper是一个有图形界面，可自定义配置的暗黑3鼠标宏工具。 项目地址: https://gitcode.com/gh_mirrors/d3/D3keyHelper 你是否在暗黑破坏神3的高强度战斗中感…...
Axure RP高效集成Font Awesome图标库的完整指南
1. 为什么选择Font Awesome与Axure RP组合？ 在原型设计领域，图标的使用频率极高。传统的图片图标存在放大模糊、风格不统一、管理困难等问题。Font Awesome作为目前最流行的开源图标库，提供了1600风格统一的矢量图标，而Axure RP作…...
终极电路设计解决方案：如何用Draw.io ECE库高效绘制专业电路图
终极电路设计解决方案：如何用Draw.io ECE库高效绘制专业电路图 【免费下载链接】Draw-io-ECE Custom-made draw.io-shapes - in the form of an importable library - for drawing circuits and conceptual drawings in draw.io. 项目地址: https://gitcode.com/g…...
[图文超超超详细教程] ~Cursor~ 保姆级下载安装以及API配置接入使用教程！！！
Cursor 是一款以 AI 为核心的智能代码编辑器，可以把它理解为“更懂项目上下文的 VS Code”。提供智能代码补全、代码生成、代码修改、代码搜索和代码解释等。与其他工具不同，Cursor 将AI 辅助编码直接融入到 编辑器的核心功能中，你可以用自然…...
如何让AI替你操作浏览器？Midscene Chrome扩展的智能自动化革命
如何让AI替你操作浏览器？Midscene Chrome扩展的智能自动化革命 【免费下载链接】midscene AI-powered, vision-driven UI automation for every platform. 项目地址: https://gitcode.com/GitHub_Trending/mid/midscene 你是否厌倦了每天重复点击、填写、提交…...
Multisim仿真NE555驱动NMOS总报错？手把手教你修改仿真参数搞定PWM调光电路
Multisim仿真NE555驱动NMOS报错全解析：从参数调优到实战调光 当你在Multisim中搭建NE555 PWM调光电路时，是否遇到过一接上NMOS就仿真崩溃的尴尬？那个刺眼的"瞬态分析无法收敛"报错窗口，仿佛在嘲笑你连基础电路都搞不定。…...
接收迭代器begin函数的返回值为什么只能是复制
思考：代码为什么编译报错#include <iostream> #include <vector> #include <algorithm>vector<string> v4 {"null", "null", "null", "null", "null"}; fill_n(v4.begin(), 2, "h…...
5分钟打造专属AI声优：RVC语音变声完整指南
5分钟打造专属AI声优：RVC语音变声完整指南 【免费下载链接】Retrieval-based-Voice-Conversion-WebUI Easily train a good VC model with voice data < 10 mins! 项目地址: https://gitcode.com/GitHub_Trending/re/Retrieval-based-Voice-Conversion-WebUI …...