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>则是出现在表格最顶部,如下图

  • 相关阅读:
    [luogu5665]划分
    [luogu5666]树的重心
    [bzoj1854]游戏
    [bzoj1853]幸运数字
    [bzoj2245]工作安排
    [bzoj1426]收集邮票
    [bzoj2396]神奇的矩阵
    [bzoj1858]序列操作
    [bzoj1863]皇帝的烦恼
    [bzoj1432]Function
  • 原文地址:https://www.cnblogs.com/mengshenshenchu/p/6525454.html
Copyright © 2011-2022 走看看