资讯专栏INFORMATION COLUMN

HTML第二章:列表,表格,媒体元素

jubincn / 1214人阅读

摘要:是描述,有行缩进一个可以有很多描述例如商品图片商品名称商品价格表格由行和列组成一对代表一行,每一行里面有单元格组成例如两行两列每个单元格可以跨行和跨列跨行是竖着占用其他单元格,跨列是横着占用其他单元格。

第二章:列表,表格,媒体元素

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

      1.有序列表:


                列表项:

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


                2.无序列表:


                    列表项:

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


                        3.定义列表:


                          列表项:

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

                            
                  商品图片

                            
                  商品名称

                            
                  商品价格

                             ...
                          

                        
                  表格:
                     由行和列组成
                        一对tr代表一行,每一行里面有单元格td组成
                        例如:
                          
                          
                         
                  两行两列
                        每个单元格可以跨行rowspan和跨列colspan
                        跨行是竖着占用其他单元格,
                        跨列是横着占用其他单元格。
                        被占用的单元格需要删除。


                  媒体元素:
                       视频标签:
                                 controls:控制台,可以对视频进行控制(暂停,播放)
                             autoplay:自动播放

                       音乐标签:

                                 这两个属性跟视频中的作用都一样,非必写
                                 使用这两个标签需要注意每种浏览器对格式的要求
                          如果不支持文件格式就换一种格式


                  iframe内联框架: