<form>
视频播放:controls视频可控-autoplay进入网页视频自动播放<br>
<video controls >
可以在该标签中存放各种类型的视频,防止该浏览器不支持此类视频的播放
<source src="video/0.mp4" type="video/mp4">
该浏览器不支持此类视频播放
</video>
音频<br>
<audio src="music/1.mp3" controls autoplay></audio>
</form>
<br>
<h1>布局标签</h1>
<header><h2>网页的头部</h2></header>
<section><h2>网页中的某一块区域</h2></section>
<article> 网页的文章</article>
<aside>网页的侧栏</aside>
<nav>网页的导航</nav>
<footer><h2>网页尾部</h2></footer>
<h1>html5对表单的支持</h1>
<hr>
<form action="b.jsp">
<!-- email类型会对输入信息进行格式校验 -->
邮箱:<input type="email"><br>
网址:<input type="url"><br>
请输入数字:<input type="number" step="2" min="0" max="14"><br>
数字滑块<input type="range" min="1" max="12"><br>
搜索:<input type="search" placeholder="请输入商品名"><br>
用户名:<input type="text" required><br>
电话:<input type="text" pattern="^1[358]\d{9}$">
<br>
<input type="submit" value="提交"><br>
</form>
<hr>
<h1>内联框架</h1>
<form>
<a href="http://www.baidu.com" target="frame1">百度</a><br>
<a href="https://www.bilibili.com/" target="frame1">bilibili</a><br>
<a href="b.jsp" target="frame1">b.jsp</a><br>
<iframe src="http://www.baidu.com" name="frame1" width="1250px" height="400px"></iframe><br>
<iframe src="https://www.bilibili.com/" name="frame2"></iframe><br>
<iframe src="b.jsp" name="frame2"></iframe><br>
</form>
HTML/CSS笔记4-html5特性/iframe
最新推荐文章于 2024-08-05 19:01:40 发布