html表格学习-9.22

1、table标签代表表格

tr标签代表一行,td标签内数据

具体格式:<table border="1">       border="1"代表普通边框,border="8" 粗边框,border="15"非常粗的边框

<tr>

<td>表格内数据1</td>            左侧代表第一行的两行数据

<td>表格内数据2</td>

</tr>

<tr>

<td>表格内数据1</td>          左侧代表第二行的两行数据,   显示的表格为两行两列

<td>表格内数据2</td>

<tr>

</table>

注意:不定义边框属性,表格将不显示边框

2、表头定义:通常使用 <th> 标签进行定义

<th>表头1</th>

<th>表头2</th>

<th>放在tr的外面就表明为整个表格的表头,放在tr里面为表明一行的表头

3、空表格

<td></td>表格为空时,边框可能不会被显示出来

<td>&nbsp;</td> 加上占位符就能显示出边框啦

4、表格的标题:<caption>我的标题</caption>

5、跨行或者跨列的表格单元

colspan="2" 单元格占两列

rowspan="2" 单元格占两行
6、表格内的标签

表格的单元格可以包含多个段及列表信息

eg:

<td>这个单元包含一个表格:
<table border="1">
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
</td>

7、单元格边距及间距

cellpadding="10" 边距 ,  cellspacing="10"

8、为表格添加背景颜色或图象

<table  bgcolor="red"  ,background="F:\IMG_20140713_192114.jpg>

9、为单元格添加背景颜色或图象

<td bgcolor="blue"  background="F:\IMG_20140713_192114.jpg"> 内容</td>

10、为单元表格排列内容

align="left"  ,align="right"   内容左对齐或右对齐

11、框架属性

frame="box"  ,frame="above" ,frame="below",frame="hsides"

时间: 2024-10-16 14:15:38

html表格学习-9.22的相关文章

立方体旋转 【web前端学习部落22群120342833】

效果: HTML部分: <body class="body"> <div class="rect-wrap">   <!-- //舞台元素,设置perspective,让其子元素获得透视效果. --> <div class="container">    <!-- //容器,设置transform-style: preserve-3d,让其子元素在3D空间呈现 --> <div c

[Android学习系列22]ActionBarSherlock和SlidingMenu专题

实现方式1. 用android.support.v4.widget.DrawerLayout 参考: Android Sliding Menu using Navigation Drawer http://www.androidhive.info/2013/11/android-sliding-menu-using-navigation-drawer/ 实现方式2. ActionBarSherlock + SlidingMenu 网上这方面的资料比较多,可是SlidingMenu 我的eclip

Ext.Net学习笔记22:Ext.Net Tree 用法详解

Ext.Net学习笔记22:Ext.Net Tree 用法详解 上面的图片是一个简单的树,使用Ext.Net来创建这样的树结构非常简单,代码如下: <ext:TreePanel runat="server"> <Root> <ext:Node Text="根节点" Expanded="true"> <Children> <ext:Node Text="节点1" Expand

C++学习笔记22,普通函数重载(1)

转载请注明出处:http://blog.csdn.net/qq844352155/article/details/31353325 该博文仅用于交流学习,请慎用于任何商业用途,本博主保留对该博文的一切权利. 博主博客:http://blog.csdn.net/qq844352155 什么是方法重载? 方法重载也可以说是函数重载,函数的多态性. 具体来说就是将函数或者方法的名称用于多个函数,但是参数的类型或者参数的数目不同. 在这篇blog里面我只讨论类外函数的重载. 例如一个简单的例子: #in

python基础教程_学习笔记22:数据库支持

数据库支持 python数据库API 支持sql标准的可用数据库有很多,其中多数在python中都有对应的客户端模块. 全局变量 python DB API的模块特性 变量名 用途 apilevel 所使用的python db api版本 threadsafety 模块的线程安全等级 paramstyle 在sql查询中使用的参数风格 异常 异常 超类 描述 StandardError 所有异常的泛型基类 Warning StandardError 在非致命错误发生时引发 Error Stand

【web前端学习部落22群】分享 碰撞的小球开源小案例

对于课程中的疑问,大家可以加 web前端学习部落22群 120342833和其他老师还有众多的小伙伴们进行沟通交流哦,群里还有不少技术大拿.行业大牛 可以一起探讨问题,我们也会安排专业的技术老师为大家答疑解惑呢! <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>碰撞的小球</title> <style type="text/cs

列表和表格---学习笔记02

第7章 列表和表格 7.1 有序列表 <ol type="A"> <li>这里是第1个li</li> <li>这里是第2个li</li> <li>这里是第3个li</li> </ol> ol属性: type : 数字(1),大小写字母(A,a),大小写罗马数字(I,i) start: "起始编号位序"表示列表项的开始编号所处的位置序号,即li前面开始的数值 -->

Hadoop学习笔记—22.Hadoop2.x环境搭建与配置

自从2015年花了2个多月时间把Hadoop1.x的学习教程学习了一遍,对Hadoop这个神奇的小象有了一个初步的了解,还对每次学习的内容进行了总结,也形成了我的一个博文系列<Hadoop学习笔记系列>.其实,早在2014年Hadoop2.x版本就已经开始流行了起来,并且已经成为了现在的主流.当然,还有一些非离线计算的框架如实时计算框架Storm,近实时计算框架Spark等等.相信了解Hadoop2.x的童鞋都应该知道2.x相较于1.x版本的更新应该不是一丁半点,最显著的体现在两点: (1)H

0323表格学习

上午早来复习了一会昨天的课程.今天主要学习了表格的标签写法,难度不大,但是合并行与合并列容易混淆搞不明白. <!--有序列表-->    <ol type="I">        <li>数学</li>        <li>英语</li>        <li>体育</li>    </ol><!--无序列表-->    <ul type="squa