首頁 >web前端 >html教學 >HTML中清單、表格和媒體元素的介紹

HTML中清單、表格和媒體元素的介紹

不言
不言原創
2018-07-28 09:41:011817瀏覽

這篇文章要跟大家介紹的文章內容是關於HTML中列表、表格和媒體元素的介紹,有很好的參考價值,希望可以幫助到有需要的朋友。

列表:有三種,有序列表,無序列表,定義列表
1.有序列表:


    列表項:

  1. 要顯示的內容寫在li裡面,不要寫在li的外面
    有序列表在每個列表項前面都有排序,
    排序方式可以透過在ol標籤中設定type屬性
    例如:
      :使用英文字母排序
          :使用阿拉伯數字排序,預設的

          2.無序列表:
          列表項目:


        1. 要顯示的內容寫在li裡面,不要寫在li的外面
          無序列表每個列表項目前面都有符號
          去除符號就在type裡面設定none
          例如:
            :實心方塊
              :空心方塊
                :去除符號

                3.定義列表:


                清單項目:

                dt是清單標題。 dd是描述,dd有行縮排
                一個dt可以有很多dd描述
                例如:

                商品圖片

                商品名稱

                商品價格

                 ...

                表格:

                一對tr代表一行,每一行裡面有單元格td組成
                 例如:

                < td>


                兩行兩列
                每個單元格可以跨行rowspan和跨列colspan
                跨行是豎著佔用其他單元格,
                跨列是橫跨佔用其他單元格。
                被佔用的儲存格需要刪除。
                媒體元素:
                視訊標籤:
                 controls:控制台,可以對視訊進行控制(暫停,播放)
                autoplay:自動播放
                音樂標籤:
                這兩個屬性跟影片中的作用都一樣,非必寫
                使用這兩個標籤需要注意每個瀏覽器對格式的要求

                如果不支援檔案格式就換一種格式


                iframe內聯框架: