1. 程式人生 > >代碼筆記5

代碼筆記5

框架 元素 頭部 cti lsp plan 視頻 網頁 中秋

代碼第一單元結束 開始第二單元 學了列表

列表分為無序列表和有序列表

  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