码迷,mamicode.com
首页 > 其他好文 > 详细

HTNL基础之一

时间:2019-07-31 01:23:51      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:音频播放   号码   应该   音频   加载   编解码   位置   返回   选择   

HTML:超文本标记语言

<-- 最好可以自己默写出来 -->

<!DOCTYPE HTML>

<html>

<head>

<title></title>

</head>

<body>

内容

</body>

</html>

  1. 文字、段落类

标签:<i>、斜体</i><p align=”left/right/center”>段落</p><sub >下标</sub>

<sup>上标</sup><m>着重</m><del>删除线</del><br />换行符

<h1>标题1</h1><h2>标题2</h2><h3>标题3</h3>

<h4>标题4</h4><h5>标题5</h5><h6>标题6</h6><b>粗体</b>

 

  1. 超链接<a href=”URL”></a>

锚点:点:<a href=”#top”>返回顶部</a>, 锚:<a name=”top”></a>

解释:点击(点)的位置,回到(锚)的位置。

邮箱:<a href=”mailto:邮箱号”>邮件发送</a>

电话:<a href=”del:电话号码”>一键拨打</a>

短信:<a href=”sms:电话号码”>一键发送短信</a>

 

  1. 图像:<img src=”URL” art=””  />

热区:<img src=”URL” usemap=”#map名称” />

<map name=”map名称”>

<area shape=”形状(rectcirclepoly)” coords=”坐标值” href=”URL” />

</map>

 

  1. 音频:带控制器的音频播放器<audio src=”URL” control=”controls(控件)” ></audio>

如果考虑到不同浏览器对视频文件的兼容性

<audio width="320" height="240" controls>

  <source src="song.ogg" type="audio/ogg">

  <source src="song.mp3" type="audio/mpeg">

  你的浏览器不支持<audio>标签

</audio >

属性说明:

autoplay autoplay 如果出现该属性,则音频在就绪后马上播放。

controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。

loop loop 如果出现该属性,则每当音频结束时重新开始播放。

preload preload 如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果 使用 "autoplay",则忽略该属性。

src url 要播放的音频的 URL

<source>标签

标签说明

<source> 标签为媒介元素(比如 <video> <audio>)定义媒介资源。

<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

 

使用type属性

<video width="320" height="240" controls="controls">

      <source   src=“movie.mp4”  type="video/mp4">

      你的浏览器不支持<video>标签

</video>

 

属性说明:

 

src      url                                                                 要播放的媒体文件的URL

type      视频:video/oggvideo/mp4video/webm     媒体的MIME类型

     音频:audio/oggaudio/mpeg

 

  1. 音频:带控制器的视频播放器<video src=movie.mp4controls="controls"></video>

如果考虑到不同浏览器对视频文件的兼容性

<video width="320" height="240" controls="controls">

  <source src="movie.ogg" type="video/ogg">

  <source src="movie.mp4" type="video/mp4">

  <p>Your browser does not support the video tag.</p>

</video>

 

属性说明:

autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。

controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。

loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。

muted muted 规定视频的音频输出应该被静音。

poster URL 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。

preload preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果                   使用 "autoplay",则忽略该属性。

src url 要播放的视频的 URL

width pixels 设置视频播放器的宽度。

height pixels 设置视频播放器的高度。

HTNL基础之一

标签:音频播放   号码   应该   音频   加载   编解码   位置   返回   选择   

原文地址:https://www.cnblogs.com/yinfa/p/11273429.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!