zoukankan      html  css  js  c++  java
  • HTML列表及表格的基本应用

    1、有序列表和无序列表都是在网站制作中经常使用的,有序列表标签是<ol></ol>,列表的每一行是<li></li>。如下图

    2、在<ol>中可以添加type标签,如1,A,a等便会呈现不同的编码,如

    呈现出来便是这样的,如图

    3、无序列表的标签是<ul></ul>,列表的每一行也是用<li></li>来表示,它也有不同的type,如图

    呈现出来便是这样的,如图

    4、a标签不止有超链接的功能,还有锚点的功能,锚点可以通过点击它回到指定地点,如回到顶部是<a href="#">回到顶部</a>

    5、表格的标签是<table></table>,<tr></tr>是行,<td></td>是单元格,那么表格可以如下表示

    上图表示的是一行三列,若行数增加就再加一个如上图一样的<tr></tr>,三列依然是三个<td></td>。

    6、table可以设置属性如border,它代表边框,一般设置为1px,还可设置表格的宽和高,即width和height。也可以直接给单元格<td>设置宽度,可以取百分比如30%。<th></th>属性是指表格的标题,如下图

    7、可以给行或者列的内容位置加属性,位置标签是align,如center,left,right,bottom等,水平位置的中是center,垂直位置的中是middle,它们就是定义表格内容的位置,如

    8、表格中合并单元格的标签有两个,一个是横向合并的colspan,一个是纵向合并的rowspan。

    9、<tfoot></tfoot>标签里的内容会出现在表格最底部,<thead></thead>则是出现在表格最顶部,如下图

  • 相关阅读:
    PL/SQL Developer 远程连接Oracle数据库
    常用js代码学习
    三元运算 多条件嵌套
    在后台CS文件里面,隐藏和显示Repeater里面控件
    最小二乘线性及平面拟合原理及C++实现
    C++的顶层const 和 底层const
    vs2019上遇到的一个未预指定引用函数的静态库导致的问题
    一个基础QItemDelegate检查器类
    linux 基础命令及快捷键
    lambda表达式
  • 原文地址:https://www.cnblogs.com/mengshenshenchu/p/6525454.html
Copyright © 2011-2022 走看看