表格、列表

10人阅读 评论(0) 收藏 举报
分类:

1.HTML 表格表头<th>

2.HTML 表格

表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

1)没有边框的表格

<table>
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>

</tr>

2)

更多实例

没有边框的表格
本例演示一个没有边框的表格。

表格中的表头(Heading)
本例演示如何显示表格表头。

带有标题的表格
本例演示一个带标题 (caption) 的表格

跨行或跨列的表格单元格
本例演示如何定义跨行或跨列的表格单元格。

表格内的标签
本例演示如何显示在不同的元素内显示元素。

单元格边距(Cell padding)
本例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。

单元格间距(Cell spacing)
本例演示如何使用 Cell spacing 增加单元格之间的距离。

漂亮的表格

HTML 表格标签

标签描述
<table>定义表格
<th>定义表格的表头
<tr>定义表格的行
<td>定义表格单元
<caption>定义表格标题
<colgroup>定义表格列的组
<col>定义用于表格列的属性
<thead>定义表格的页眉
<tbody>定义表格的主体
<tfoot>定义表格的页脚

HTML 列表标签

标签描述
<ol>定义有序列表
<ul>定义无序列表
<li>定义列表项
<dl>定义列表
<dt>自定义列表项目
<dd>定义自定列表项的描述

更多实例

不同类型的有序列表
本例演示不同类型的有序列表。

不同类型的无序列表
本例演示不同类型的无序列表。

嵌套列表
本例演示如何嵌套列表。

嵌套列表 2
本例演示更复杂的嵌套列表。

自定义列表


查看评论

HTML无序列表和表格实例

HTML无序列表如下 无序列表.html 反恐 红警 传奇 **************有...
  • a352193394
  • a352193394
  • 2012-02-27 17:56:39
  • 5173

html(四)_表格,列表,区块

HTML 表格和边框属性 如果不定义边框属性,表格将不显示边框。有时这很有用,但是大多数时候,我们希望显示边框。 使用边框属性来显示一个带有边框的表格: HTML 表格表头 表格的表头...
  • feicongcong
  • feicongcong
  • 2016-12-01 15:33:08
  • 340

bootstrap 基础知识学习(列表+表格)

一、标题 二、段落 =》如果想让一个段落p突出显示, 添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理 =》文本状态 .te...
  • wangjiaohome
  • wangjiaohome
  • 2015-07-13 16:26:45
  • 2157

树形列表html

  • 2012年10月13日 09:46
  • 11KB
  • 下载

Java Swing JTable 表格【15:组合列表框作为表格元素】

在实际开发中,很多表格中的单元格都是以组合框作为编辑器的,组合框能带来很大的灵活性以下贴出实例代码:package com.acconsys.swing.chapter14;import java.a...
  • zp357252539
  • zp357252539
  • 2016-01-14 21:47:06
  • 1922

div+css普通表格样式

无标题文档 body,td,th {font-size: 12px; font-family:"新宋体";} img{ border:0;} ul ,li{ margin:0; padding:0;...
  • bonlog
  • bonlog
  • 2012-05-07 09:56:56
  • 9982

Flex带CheckBox的多选 列表和表格

  • 2010年03月26日 18:16
  • 3KB
  • 下载

js折叠列表的小例子

想实现折叠的列表吗?就来吧
  • wgp15732622312
  • wgp15732622312
  • 2016-07-17 20:46:09
  • 1046

11种样式表布局(包括不用表格的菜单、动态菜单、滚动条、卡片式的层布局等)

  • 2009年08月13日 11:13
  • 96KB
  • 下载

Android中使用列表画表格(可动态添加行数据)

Android中使用列表画表格(可动态添加行数据)
  • lixiang_Y
  • lixiang_Y
  • 2017-06-13 15:11:44
  • 1402
    个人资料
    等级:
    访问量: 0
    积分: 100
    排名: 0
    文章分类
    文章存档
    最新评论