HTNL基础之一
HTML:超文本标记语言
<-- 最好可以自己默写出来 -->
<!DOCTYPE HTML>
<html>
<head>
<title></title>
</head>
<body>
内容
</body>
</html>
- 文字、段落类
标签:<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>
- 超链接<a href=”URL”></a>
锚点:点:<a href=”#top”>返回顶部</a>, 锚:<a name=”top”></a>
解释:点击(点)的位置,回到(锚)的位置。
邮箱:<a href=”mailto:邮箱号”>邮件发送</a>
电话:<a href=”del:电话号码”>一键拨打</a>
短信:<a href=”sms:电话号码”>一键发送短信</a>
- 图像:<img src=”URL” art=”” />
热区:<img src=”URL” usemap=”#map名称” />
<map name=”map名称”>
<area shape=”形状(rect、circle、poly)” coords=”坐标值” href=”URL” />
</map>
- 音频:带控制器的音频播放器<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/ogg,video/mp4,video/webm 媒体的MIME类型
音频:audio/ogg,audio/mpeg
- 音频:带控制器的视频播放器<video src=“movie.mp4” controls="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 设置视频播放器的高度。