首页  >  文章  >  web前端  >  HTML中列表、表格和媒体元素的介绍

HTML中列表、表格和媒体元素的介绍

不言
不言原创
2018-07-28 09:41:011784浏览

这篇文章给大家介绍的文章内容是关于HTML中列表、表格和媒体元素的介绍,有很好的参考价值,希望可以帮助到有需要的朋友。

列表:有三种,有序列表,无序列表,定义列表
1.有序列表:


    列表项:

  1. 要显示的内容写在li里面,不要写在li的外面
    有序列表在每个列表项前面都有排序,
    排序方式可以通过在ol标签中设置type属性
    例如:
      :使用英文字母排序
        :使用罗马数字排序
          :使用阿拉伯数字排序,默认的

          2.无序列表:


            列表项:

          • 要显示的内容写在li里面,不要写在li的外面
            无序列表每个列表项前面都有符号
            去除符号就在type里面设置none
            例如:
              :实心方块
                :空心方块
                  :去除符号

                  3.定义列表:


                  列表项:

                  dt是列表标题。dd是描述,dd有行缩进
                  一个dt可以有很多dd描述
                  例如:

                  商品图片

                  商品名称

                  商品价格

                   ...

                  表格:

                     由行和列组成
                  一对tr代表一行,每一行里面有单元格td组成
                   例如:


                  两行两列
                  每个单元格可以跨行rowspan和跨列colspan
                  跨行是竖着占用其他单元格,
                  跨列是横着占用其他单元格。
                  被占用的单元格需要删除。
                  媒体元素:
                  视频标签:
                   controls:控制台,可以对视频进行控制(暂停,播放)
                  autoplay:自动播放
                  音乐标签:
                  这两个属性跟视频中的作用都一样,非必写
                  使用这两个标签需要注意每种浏览器对格式的要求
                  如果不支持文件格式就换一种格式

                  iframe内联框架: