当前位置: 首页 > news >正文

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>

http://www.lryc.cn/news/309939.html

相关文章:

  • 端游如何防破解
  • 用 TVMC 编译和优化模型(2)
  • 第八节 龙晰Anolis 8.8 安装 DDE 桌面环境
  • SpringBoot之Actuator的两种监控模式
  • 【Kubernetes】k8s中容器之间、pod之间如何进行网络通信?
  • 神经网络冻结参数后权重仍然更新
  • STM32学习7 按键扫描
  • 图像物体的边界- 华为OD统一考试(C卷)
  • .idea文件详解
  • 安卓JNI基础知识
  • Nginx高级技巧:实现负载均衡和反向代理
  • 2024年2月最新微信域名检测拦截接口源码
  • 1、Linux-安装
  • flutter 父组件调用子组件方法
  • 京东云硬钢阿里云:承诺再低10%
  • Phoncent博客:探索AI写作与编程的无限可能
  • 【Go-Zero】测试API查询信息无法返回数据库信息与api、rpc文件编写规范
  • SpringBootWeb快速入门
  • 【书生·浦语大模型实战营】第 2 节 -课后作业
  • Java如何使用OpenCV
  • C++指针(三)
  • 消息中间件之RocketMQ源码分析(二十七)
  • C习题002:澡堂洗澡
  • 智能双星:遥测终端机与柳林“巡检机器人“,助力智能运维新升级!
  • 算法复习之前缀和【备战蓝桥杯】
  • IDEA基础——Maven配置tomcat
  • 数据结构测试题
  • 【MATLAB】兔子机器人总系统_动力学模型解读(及simulink中的simscape的各模块介绍)
  • Launch学习
  • 蓝桥OJ 2942数字王国之军训排队 DFS剪枝