html
<h1></h1>
<p></p>
h是标签从h1~h6,没用h7,h8
p是段落
html
<a href="https://www.educoder.net">Educoder平台</a>
href可以指定链接进行跳转
html
<img src="https://www.educoder.net/attachments/download/207801" alt="小狗走路"/>
src是指图片地址,alt是未加载出来的时候显示的文字
html
<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也可以
提供一段代码
html
<!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>
接下来给出播放视频的代码
html
<!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>