WEB前端第四课——HTML列表与表格

2021-01-20 06:15

阅读:721

YPE html>

标签:项目   ddl   set   水平对齐   定义   ott   背景颜色   字母   row   

1.

      无序列表标签

      

      组合标签,其他标签是不允许组合的

      

  •  标签是一个容器,可任意容纳所有的元素

      列表是自带样式属性的

      常用type属性:disc 实心圆(默认)、circle 空心圆、square 小方块、none 不显示

      语法示例:

                

    • 列表内容
    •                                    

    • 列表内容
    •        

    2.

        有序列表标签,与无序列表类似

        常用type属性:1 表示列表项目用阿拉伯数字标号(1,2,3...)

               a 表示列表项目用小写英文字母标号(a,b,c...)

               A 表示列表项目用大写英文字母标号(A,B,C...)

                i 表示列表项目用小写罗马数字标号(ⅰ,ⅱ,ⅲ...)

                I 表示列表项目大写罗马数字标号(Ⅰ,Ⅱ,Ⅲ...)

        语法结构同无序列表

      3.

        自定义列表标签,自定义列表默认为两个层次,第一层为列表项标签(
      ),第二层为注释项标签(
      ),一般用于对术语或名词的解释和描述

        语法示例:

               

       列表项目1

               

      项目1注释

               

      列表项目2

               

      项目2注释

             

      4.表格常用标签

        

        定义表格

        

        定义表格标题

        

         定义表行,只能包含
    1. 或 标签

        

          定义单元格

        

          定义表格页眉单元格

          定义表格头

        

        定义表格体

        

        定义表格脚

      5.表格语法示例

      
      
      商品出库表
      产品名称 业务日期 出库数量
      纯牛奶 2020年2月2日 22箱
      系统数据更新中。。。

      6.表格常用属性

        width,表格宽度

        height,表格高度

        align,表格在页面中的水平位置

        background,表格背景图片

        bgcolor,表格背景颜色

        border,表格边框宽度(px),默认没有边框

        bordercolor,表格边框颜色(当border>=1时有效)

        cellspacing,表格单元格之间的间距

        cellpadding,单元格内容与单元格边框之间空白的距离

      7.表格行常用属性

        height,行高

        align,行内容水平对齐方式,参数值“left,center,right”

        valign,行内容垂直对齐方式,参数值“top,middle,bottom”

        bgcolor,行背景颜色

      8.表格列常用属性

        width/height,单元格宽度/高度

        align,列内容水平对齐方式

        valign,列内容垂直对齐方式

        bgcolor,列背景颜色

        colspan,设置列单元格合并

        rowspan,设置行单元格合并

      9.单元格合并示例

      创建表格测试
      测试表

        

      
      

      WEB前端第四课——HTML列表与表格

      标签:项目   ddl   set   水平对齐   定义   ott   背景颜色   字母   row   

      原文地址:https://www.cnblogs.com/husa/p/13325220.html

      上一篇:Node.js

      下一篇:日常使用css总结


      评论


      亲,登录后才可以留言!