扣丁学堂带你快速了解HTML5+CSS3从入门到精通 H5新增标签

2018-08-08 10:34:33 433浏览

本篇教程探讨了HTML5+CSS3从入门到精通H5新增标签快速了解，给参加HTML5培训的同学看一下，希望阅读本篇文章以后大家有所收获

<

<headerstyle="text-align:center;color:blue;">欢迎来到Html5的学习之路，我是header标签。</header>

这是一个定义选项列表的标签datalist这个的作用就是将text文本框与select标签结合起来

<inputtype="text"list="phone">

<datalistid="phone">

<option></option>

<option>IPhone</option>

<option>华为</option>

<option>小米</option>

<option>三星</option>

</datalist>

<fontcolor="red">这里我发现了两者一个不同之处在于，datalist只有在输入框为空的时候才会有自己定义下拉的内容!</font><br/>而这个select选项框是不管什么内容它都会存在的

<select>

<option>IPhone</option>

<option>华为</option>

<option>小米</option>

<option>三星</option>

</select>

------------------------<br><br><br>这是一个定义文档细节的标签。detail标签。它的主要作用很简单。

<details>

<summary>这是一个detail标签，下面就是他的使用方法</summary>

<p>detail标签是什么？</p>

<p>detail标签有什么作用？</p>

<p>detail标签能干什么？</p>

<p>detail标签我改怎么用它？</p>

</details>

<br>detail标签常与sunmmary标签用在一起。比如这个标签是高亮标签<mark>mark</mark>比重不一样。<br><br>

接下来这个标签是定义列表标签。menu。

<menu>

<li>西游记</li><li>水浒传</li><li>红楼梦</li><li>三国演义</li>

</menu>

<br><br>进度条标签我们用的比较多。比如这个。

<mark>progress</mark>

<progressvalue="5"max="10">value=5max=10</progress>

<br>

<audiosrc=""controls="controls"autoplay="autoplay"loop="loop"></audio>

<footer>我是底部footer标签</footer>

以上就是扣丁学堂HTML5培训小编给大家分享的文章，希望对小伙伴们有所帮助，想要了解更多关于HTML5开发方面内容的小伙伴可以登录扣丁学堂官网咨询。扣丁学堂不仅有专业的HTML5培训班供大家学习，还有与时俱进的课程体系和大量的HTML5在线视频教程让学员免费观看学习，想要快速学习HTML5开发就到由专业老师授课的扣丁学堂学习吧。扣丁学堂H5技术交流群：559883758。

【关注微信公众号获取更多学习资料】

查看更多关于“HTML5开发技术资讯”的相关文章>>