php写10乘10的表格,PHP_第10课:表格,第10课:表格 表格用来显示&ld - phpStudy

第10课:表格

第10课:表格

表格用来显示“表列数据(tabular data)”,也就是那些逻辑上以行和列显示的信息。

表格难学吗?

对于初学者来说,在HTML中创建表格似乎比较复杂,不过只要耐心细致地观察,你就会发现表格实际上与其它HTML元素相似,也具有严格的逻辑结构。

例1:

单元格1单元格2
单元格3单元格4

该例在浏览器中将显示如下:

单元格1 单元格2

单元格3 单元格4

和有什么区别?

上例可能是到目前为止你见过的最复杂的HTML例子,现在让我们来逐一解释其中的各个标签的含义:

用于创建表格的3个基本元素是:

首标签

分别表示一个表格的开始与结束。这是不难理解的。

tr是“table row(表格行)”的缩写,用于表示一行的开始和结束。这也容易理解。

td是“table data(表格数据)”的缩写,用于表示行中各个单元格(cell)的开始和结束。这些都是容易理解的。

下面是对例1的详细解释。表格以

单元格1单元格2
结束。

直观地讲:行是横向的单元格,列是从纵向的单元格:

单元格1 单元格2

单元格3 单元格4

在该表格中,单元格1和单元格2构成一行,单元格1和单元格3构成一列。

虽然上例中的表格只有两行和两列,但实际上,一个表格的行列数是没有限制的。

例2:

单元格1单元格2单元格3单元格4
单元格5单元格6单元格7单元格8
单元格9单元格10单元格11单元格12

该例在浏览器中将显示如下:

单元格1 单元格2 单元格3 单元格4

单元格5 单元格6 单元格7 单元格8

单元格9 单元格10 单元格11 单元格12

表格有可用的属性吗?

表格当然有属性。比如属性border用于指定表格四周边框的厚度:

例3:

单元格1单元格2
单元格3单元格4

该例在浏览器中将显示如下:

单元格1 单元格2

单元格3 单元格4

表格边框的厚度是以象素(pixels)(参见第九课)为单位来指定的。

与设定图像的显示宽度类似,象素和屏幕百分比也可以用于设定表格宽度:

例4:

该例将在浏览器中显示一个表格,其宽度是屏幕宽度的30%,你可以自己试一下。

表格还有其它属性吗?

表格有很多属性,比如下面这两个:

align:指定整个表格、某行或某个单元格里内容的水平对齐方式,比如左对齐、居中或右对齐。

valign:指定某个单元格里内容的垂直对齐方式,比如靠上、置中或靠下。

例5:

单元格1

可以往表格中插入什么?

理论上,你可以往表格中插入任何东西,诸如文本(text)、链接(links)和图像(images)等等。但是,表格是用来显示表列数据的 (也就是那些以行和列显示来体现意义的数据),因此,不要仅仅因为你想把某些内容放在一起而使用表格。

在因特网的初期(也就是几年以前),表格经常被用作网页布局的工具。但是,如果你要控制文本和图像的显示,还有更酷的方式(提示:即CSS),有关内容将在后面作详细介绍。

现在,该是你动手实践刚才所学内容的时候了,试试看设计几个具有不同尺寸、属性和内容的表格。这也许要令你忙上几个小时。

本文作者:相关阅读:

Oracle DBMS_JOB:每隔特定时间执行特定任务

怎样才能在安装系统后不安应用软件

Ubuntu 7.10 Linux建立C与GTK的开发环境

收集的网上用的ajax之chat.js文件

如何将DHCP 数据库移动到Windows 2003

简化的CSS Reset:15套CSS重设实例

JavaScript闭包 懂不懂由你反正我是懂了

php5.2.0内存管理改进

SQLSERVER 2005的ROW_NUMBER、RANK、DENSE_RANK的用法

asp 获取access系统表,查询等操作代码

IE8 原生JSON支持

MYSQL教程:缓慢的drop table 操作

AJAX在移动领域威胁到Java ME了么?

调整“Oracle”数据库服务器的性能

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
引用和引用提供了关于在phpstudy中安装php扩展的指南。根据这些指南,你可以将php_yaf.dll文件放置在phpstudyPHP路径下,在php.ini文件中手动添加extension=yaf的配置。具体来说,你可以将php_yaf.dll文件复制到D:\phpstudy_pro\Extensions\php\php7.3.4nts\ext路径下,并在php.ini文件中添加extension=yaf配置项。这样就可以在phpstudy的面板中启用yaf扩展了。引用则提供了一个可能导致问题的原因,即项目使用的php版本与cmd的版本不兼容。你可以通过检查项目使用的php版本是否与phpstudy中的版本一致来确认这一点。如果版本不一致,可以在phpstudy中切换php版本或者调整项目的php版本。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [阿里云服务下安装Composer时出现 错误:添加到用户路径:C:/phpStudy/Extensions/php/php7.3.4nts 安装无法...](https://blog.csdn.net/qq_42345116/article/details/122595160)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [php7.3.4可用yaf扩展下载phpstudy小皮面板php_yaf.dll(亲测100%可用)](https://download.csdn.net/download/lingyun820/16593737)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [执行php命令行出现 Failed loading D:\phpStudy\php\php7.3.4nts\ext\php_xdebug.dll](https://blog.csdn.net/weixin_42079053/article/details/105618234)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值