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

  • 相关阅读:
    自己写的asp日历控件
    处处留心皆学问
    模块化闲谈
    原理……
    DIV和SPAN的区别
    javascript学习感触
    CSS 匹配顺序
    配置闲谈
    找到的一个读取shape数据的代码
    问题和收获
  • 原文地址:https://www.cnblogs.com/mengshenshenchu/p/6525454.html
Copyright © 2011-2022 走看看