• html基本标签

    1. <h1>h1>
    2. <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是未加载出来的时候显示的文字

    1. <div align="center">
    2.         <img src="./iTunesArtwork@2x.png"  align="bottom" width="50" height="50" alt="50*50 应用图标">
    3.         <img src="./iTunesArtwork@2x.png" width="100" height="100" alt="100*100 应用图标">
    4.         <img src="./iTunesArtwork@2x.png" width="200" height="200" alt="200*200 应用图标">div>

    div中可以指定align信息，img也可以

    提供一段代码

    1. html>
    2.  
    3. <head>
    4.     <meta charset="UTF-8" />
    5.     <title>HTML - 音频title>
    6. head>
    7.  
    8. <body>
    9.     <h1 align="center">青石巷h1>
    10.     <br>
    11.     <div align="center">
    12.     <audio controls="controls" autoplay="autoplay" loop="loop" height="100" width="100">
    13.         <source src="https://www.educoder.net/api/attachments/171686" type="audio/wav"/>
    14.         <source src="https://www.educoder.net/api/attachments/171685" type="audio/ogg"/>
    15.         <source src="https://data.educoder.net/api/attachments/171679" type="audio/mp3"/>
    16.         <embed width="100" height="100">
    17.         你的浏览器不支持该音频格式。 Your browser does not support this audio format.
    18.     audio>
    19.     div>
    20.     <br>
    21.     <p align="center" style="color:grey;">HTML5 audio 播放示例p>
    22.     <p align="center" style="color:grey;"><small>注意：音频控件显示效果在不同浏览器中有些许差别。small>p>
    23. body>

    其中autoplay是页面加载出来就播放，loop是指播放完了重新播放

    wav,ogg,mp3是音频的三种方式可以进行尝试播放如果不能成功就会尝试

    接下来给出播放视频的代码

    1. html>
    2.  
    3. <head>
    4.     <meta charset="UTF-8" />
    5.     <title>HTML - 视频title>
    6. head>
    7.  
    8. <body>    
    9.     <h1 align="center">扬帆起航h1>
    10.     <video width="550" control="control" autoplay loop>
    11.         <source src="./video/Sail-Away.mp4" type="video/mp4" />
    12.         <source src="./video/Sail-Away.ogv" type="video/ogv" />
    13.         <source src="./video/Sail-Away.webm" type="video/webm"/>
    14.         <object data="./video/Sail-Away.mp4" width="320" height="240">
    15.         <embed src="./video/Sail-Away.swf" width="320" height="240" />
    16.             你的浏览器不支持该视频格式。Your browser does not support this video format.
    17.         object>
    18.     video>
    19.     <br>
    20.     <p align="center" style="color:grey;">HTML5 video 播放示例p>
    21.     <p align="center" style="color:grey;"><small>注意：视频控件显示效果在不同浏览器中有些许差别。small>p>
    22. div>
    23. body>

  • 相关阅读:
    09_一种比较高效的记忆方法
    超全整理，服务端性能测试-docker部署tomcat/redis（详细步骤）
    python项目练习——14.学生管理系统
    冒泡法排序哪错了，明明和书上一样呀
    VauditDemo靶场代码审计
    Kafka 为什么这么快，性能如此优良
    139. 单词拆分
    【Linux】文件权限详解
    el-table简单写法
    3线硬件SPI+DMA驱动 HX8347 TFT屏-快速显示文字
  • 原文地址：https://blog.csdn.net/m0_61682542/article/details/136413008