网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

怎么使用HTMl列表和表格-创新互联

这篇文章主要介绍“怎么使用HTMl列表和表格”,在日常操作中,相信很多人在怎么使用HTMl列表和表格问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么使用HTMl列表和表格”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

创新互联是工信部颁发资质IDC服务器商,为用户提供优质的遂宁联通机房服务

一、HTML与XHTML的区别

(1)在XHTML 中标签名称必须小写,在HTML 中标签名称既可以小写也可以大写;
(2)在XHTML 中标签必须封闭,在HTML中标签可以不成对出现;
(3)在XHTML 中标签必须严格嵌套,HTML对标签嵌套没有严格规定;
(4)在XHTML 中属性名称必须小写,在HTML 中也一样;
(5)在XHTML 中标签必须用双引号引起来,HTML中可以不用;

二、特殊符号

  •  ;表示空格;

  • "表示双引号;

  • &表示&符号;

  • >表示大于号>;

  • <表示小于号<;

  • ©表示版权符号©;

三、列表的使用

(1)无序列表

  • 无序列表是一个项目列表,使用项目符号标记无序列表的项目,无序列表也就是没有顺序的列表;

  • 无序列表的type属性取值有三种,分别是circle(圆圈)、disc(实心圆点)、square(方块);

    # 打印实心圆点的无序列表
    
    
      
  • 第一
  •   
  • 第二
  •   
  • 第三

(2)有序列表

  • 有序列表也是由一个个列表项组成,列表想既可以使用数字标记,也可以使用字母标记;

  • 有序列表的type属性取值有5中,分别是1(数字)、i(小写罗马字母)、I(大写罗马字母)、a(小写字母)、A(大写字母);

    # 打印数字排序的有序列表
    
    
      
  • 我最爱椰奶
  •   
  • 第二爱可乐
  •   
  • 第三爱橙汁
  • (3)定义列表

    • 定义列表是当无序列表和有序列表都不适合时,通过自定义列表来完成自定义展示,所以定义列表不仅仅是一个项目列表,而是项目和注释的组合;

      
      
        
      春晓
          
      春眠不觉晓,处处闻啼鸟
          
      夜来风雨声,花落知多少

    四、表格的使用

    (1)表格的基本结构

    • 单元格:表格的最小单位,一个或多个单元格纵横排列组成了表格;

    • 行:一个或多个单元格横向堆叠形成了行;

    • 列:一个或多个单元格纵向堆叠形成了列;

      
          
          
          
      
          
          
          
      
      第一行第一列第一行第二列第一行第三列
      第二行第一列第二行第二列第二行第三列

      (2)表格的对齐方式

    • align属性:left表示水平居左、center表示水平居中、right表示水平居右;

    • valign属性:top表示垂直置顶、middle表示垂直居中、bottom表示垂直靠底;

    (3)表格的其他属性

    • th:一种特殊的单元格,加粗并居中;

    • caption:表格标题;

    • cellspacing:规定单元格之间的空间;

    • cellpadding:规定单元边沿与其内容之间的空白;

    • colspan:表格跨列;

    • rowspan:表格跨行;

    到此,关于“怎么使用HTMl列表和表格”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联-成都网站建设公司网站,小编会继续努力为大家带来更多实用的文章!


    分享题目:怎么使用HTMl列表和表格-创新互联
    分享路径:http://bjjierui.cn/article/dpepio.html

    其他资讯