HTML&javaSkcript&CSS&jQuery&ajax(七)

本文介绍了HTML5中多种常用元素的应用实例,包括视频标签的使用、样式定义、section和article的区别、footer和nav的用法、aside元素的作用以及figure元素如何展示图片和标题。通过这些实例帮助读者更好地理解和运用HTML5。

’一、HTML5 实例  <video width="430" controls>   <source src="mov_nnn.mp4" type="video/mp4"> <source src=“mov_bb/ogg” type="video/ogg"> Ypu browser dose not support the vodeo tag</video>

         1、<style>myHero{

    display:block;

  banckground-color:#ddd;

padding:50px;

font-size:30px;}</style>

   2、Html5 <section> <h1>WF</h1></section>节是有主题的内容组,通常具有标题。

        <article>文档其自身的意义,并且可以独立与网站其他内容进行阅读 <article><h1> What does WWFDo</h1>  </article>

      <footer><p>Posted by: Hege Refsnes</p>

                  <p>Contact information: <a href="mailto:someone@example.com">someone@example.com</a></footer>

   <nav><a href="/html/">HTmL</a>|      < a href="/css/">CSS</a>|   </nav>

  3、HTML5 aside元素标签   <p>family and i visisted the Epcot center this summer</p>   <aside> <h4> EncotCenter</h4><p the Epcot is a theme in Disney World, Florida</p></aside>

   4、通过HTML5图片和标题能够组合在figure元素当中

      <figure> <img src="pic_mountain.jpg" alt="The Pulpit Rock“ width="303” height="3">

     <figcaption> 标题部分</figcaption></figure>

 

转载于:https://www.cnblogs.com/xinxianquan/p/8476214.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值