前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

2021系列——2021年你必须知道的HTML标记和属性

据谷歌统计,全球有700多种编程语言,是不是听上去很耸人听闻?!现今,各种框架和各种编程语言一直是你方唱罢我登场,来来往往。

而对于HTML,不管你习惯与否,它始终在那。无论选择哪种框架或后端语言,所有Web开发人员都必须躲不开使用HTML。个人认为,即使是实现相同的功能,最好还是使用HTML编写,而非JS,尽管我也承认编写HTML可能显得比较“重体力”,而且很无聊。

HTML有如此广泛的用途和“坚强的生命力”,仍有开发人员所不太知晓的标签和属性。以下是您应该了解的5个HTML标记和属性:

HTML基础的 标签(html html标签)

实例

带有两个源文件的音频播放器。浏览器需要选择它所支持的源文件(如果都支持则任选一个):

<audiocontrols><sourcesrc="horse.ogg"type="audio/ogg"><sourcesrc="horse.mp3"type="audio/mpeg"> 您的浏览器不支持 audio 元素。</audio>


浏览器支持

HTML中一些常见的特殊标签样式属性

接着橙先生上一篇的常见样式属性,可以用在绝大多数的标签中,如div、sapn、p等标签中,这篇继续讲样式属性,不过是一些特殊标签的样式属性。

废话不多说,直接往下看

1、<img src="图片路径" alt="图片的描述说明文字">

Img标签也有橙先生上一篇文章中介绍的常见样式属性,另外如上所见它也有自己特殊的属性src和alt属性,img就是图片标签,那么src就是引入图片的属性,其中输入图片路径地址即可,而alt属性是对图片的描述文字,当图片不能正常显示时,将会显示alt里的文字

HTML中嵌入视频和音频代码(html中如何嵌入音频和视频)

在网页中添加视频、声音、动画等,可以增强用户体验。在HTML5之前,为网页添加多媒体的唯一办法,就是使用第三方的插件(如,Adobe Flash等)。

Audio 和 Video 的介绍(audio video method)

HTML多媒体 , 主要分为Audio 音频和 Video 视频。

1:Audio

基本语法

src 指定当前播放的音频文件,controls播放控制器,loop歌曲循环,autoplay自动播放 (chrome66之后被禁止)主流浏览器已经关闭了自动播放,需要js触发才行,preload 预加载,如果使用了autoplay这个属性preload就失效了。

HTML中 video标签播放MP4只有声音没有图像

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)

你可能还不知道到的几个HTML属性(html的属性有)



很多时候对有前端工程师来讲,页面效果直接会转嫁个CSS或JS,对HTML的一些属性了解的并不充分,接下来介绍一些有意思的HTML属性。

1)Multiple

顾名思义就是在一个输入标签或选择标签中可以输入多个值

html5的面试中,大概率会问到的音频和视频的那些知识点

前言

希望可以通过这篇文章,能够给你得到帮助。(感谢一键三连)

学习深入理解HTML5

Web开发学习笔记(7)——HTML5(三)多媒体标签

在 HTML5 中,使用 audio 标签来播放声音文件或者音频流,该标签支持 Ogg、MP3、WAV 等音频格式。

video.js中文文档(三):设置(videojs使用方法)

获取video.js

video.js通过CDN活NPM方式便可正式使用。

video.js的工作模式不仅包含HTML方式的<

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言