当前位置: 首页 > 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>

相关文章:

  • 【力扣经典面试题】14. 最长公共前缀
  • 【JavaEE】_Spring MVC项目使用数组与集合传参
  • 模拟退火算法(带你了解原理 实践)
  • 【ELK日志分析系统】ELK+Filebeat分布式日志管理平台部署
  • Linux:kubernetes(k8s)搭建mater节点(kubeadm,kubectl,kubelet)(2)
  • 如何关闭远程桌面连接
  • day12_SpringCloud(Gateway,Nacos配置中心,Sentinel组件)
  • Linux - 进程概念
  • 补点基础——几何尺寸和公差
  • Linux设备模型(八) - sysfs
  • 全量知识系统问题及SmartChat给出的答复 之13 解析器+DDD+文法型
  • Java,数组加元素,反转数组
  • http和https的区别是什么?
  • 嵌入式学习 Day 30
  • 部署DNS解析服务
  • [nginx文档翻译系列] 控制nginx
  • const let
  • Logstash 参考指南(目录)
  • Objective-C 中关联引用的概念
  • PHP 使用 Swoole - TaskWorker 实现异步操作 Mysql
  • python docx文档转html页面
  • React-flux杂记
  • Redis字符串类型内部编码剖析
  • SpiderData 2019年2月13日 DApp数据排行榜
  • Spring Security中异常上抛机制及对于转型处理的一些感悟
  • 不发不行!Netty集成文字图片聊天室外加TCP/IP软硬件通信
  • 动态魔术使用DBMS_SQL
  • 工作手记之html2canvas使用概述
  • 盘点那些不知名却常用的 Git 操作
  • 前嗅ForeSpider教程:创建模板
  • 终端用户监控:真实用户监控还是模拟监控?
  • # Python csv、xlsx、json、二进制(MP3) 文件读写基本使用
  • #laravel 通过手动安装依赖PHPExcel#
  • (ZT)出版业改革:该死的死,该生的生
  • (多级缓存)缓存同步
  • (南京观海微电子)——COF介绍
  • (删)Java线程同步实现一:synchronzied和wait()/notify()
  • (图)IntelliTrace Tools 跟踪云端程序
  • (幽默漫画)有个程序员老公,是怎样的体验?
  • (转)编辑寄语:因为爱心,所以美丽
  • (轉貼) UML中文FAQ (OO) (UML)
  • *p=a是把a的值赋给p,p=a是把a的地址赋给p。
  • .net redis定时_一场由fork引发的超时,让我们重新探讨了Redis的抖动问题
  • .NET Windows:删除文件夹后立即判断,有可能依然存在
  • .NET 使用 XPath 来读写 XML 文件
  • @Data注解的作用
  • []T 还是 []*T, 这是一个问题
  • [3D游戏开发实践] Cocos Cyberpunk 源码解读-高中低端机性能适配策略
  • [ai笔记3] ai春晚观后感-谈谈ai与艺术
  • [Android]Android P(9) WIFI学习笔记 - 扫描 (1)
  • [Android]通过PhoneLookup读取所有电话号码
  • [bzoj1912]异象石(set)
  • [BZOJ2281][SDOI2011]黑白棋(K-Nim博弈)
  • [BZOJ3757] 苹果树
  • [CentOs7]搭建ftp服务器(2)——添加用户