码迷,mamicode.com
首页 > 其他好文 > 详细

代码笔记5

时间:2017-10-24 20:48:54      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:cti   学习   esc   网页制作   代码   ogg   元素   实现   单元格   

代码第一单元结束 开始第二单元  学了列表

列表分为无序列表和有序列表

  1.无序列表<ul>

          <li>xxxxxxxx</li>

          <li>xxxxxxxx</li>

       </ul>

  2.有序列表<ol>

              <li>xxxxxx</li>

        <li>xxxxx</li>

       </ol>

  3.定义列表<dl>

          <dt>水果</dt>     声明列表项

            <dd>苹果</dd>  列表项

  还学习了表格

  1.表格

      <table>  <table border="1px">

        行  <tr></tr>

        单元格 <td></td>

        <td>1-1</td>

        <td>1-2</td>

      <td cosplan="rowspan"></td>   单元格

      注意:(1)colspan:表示本单元格所占的列数

         (2)rowspan:表示本单元格所占的行数

还牵涉到了视频和音频的网页制作 放的是求求中秋节给我们发的视频 歌曲就是小骄傲的新歌 sheep

    1.视频

      <video src="视屏路径" controls></video>

      推荐使用:能够兼容更多的浏览器

        <video controls>

        两种路径

           (1)<source src="xx.mp4" type="video/mp4"/>

           (2)<source src="xx.webm" type="video/webm"/>

    2.音频

        <audio src="音频路径" controls></audio>

        推荐使用:能够兼容更多的浏览器

         <audio controls>

          <source src="xx.mp3" type="audio/mp3"/>

          <source src="xx.ogg" type="audio/ogg/>

         注意:a.视屏和音频标签都存在着浏览器的兼容问题,使用的时候,尽量使用推荐的方式

            b.controls表示显示播放控制(如:开始,暂停等)还有其他的类似属性参考其他资料

      3.结构化元素

          <header>  表示网页的头部

          <footer>  表示网页的尾部

          <section>  表示独立区域

          <article>  表示文章

          <aside>    表示相关内容或应用

          <nav>      表示导航

      4.网页结构

        <header></header>   头部

         <section></section> 主体

        <footer></footer>   尾部

      5.iframe 内联框架

         语法<iframesc="页面地址" name=""/>

          实现内联

            第一步:定义iframe

                 <iframe src="" name="mn"/>

            第二步:定义超过链接并指定链接内容要放置的地方

              (由target)

              <a href="" target="mn">xx</a>

 

                                  

代码笔记5

标签:cti   学习   esc   网页制作   代码   ogg   元素   实现   单元格   

原文地址:http://www.cnblogs.com/sy0707/p/7725372.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!