【html】第三章表格的使用 (一)

小黑鸣

于 2014-05-21 17:23:42 发布

阅读量648

点赞数

CC 4.0 BY-SA版权

分类专栏： html&html5 文章标签： html java初学者 web

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/javalearnNet/article/details/26493989

html&html5 专栏收录该内容

9 篇文章

订阅专栏

java初学者--html系列教程--表格的使用(一)

表格的使用我们分为两个章节来讲

在之前的教程中，已经说明，在每个html文件中，我们需要定义一个html文件的基本结构

如下

<html>
<head>
<title>网页标题：html系列教程--表格的使用</title>
</head>
<body>
<p>网页主体：如何创建一个表格？<p>
</body>
</html>

复制代码

为了统一规范，我们还需要添加w3c规范，如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网页标题：html系列教程--表格的使用</title>
</head>
<body>
<p>网页主体：如何创建一个表格？<p>
</body>
</html>

复制代码

注：<p></p>这是指包含的内容在一行

好的，html文件我们已经创建好了，下面看我们如何创建一个表格

表格的英文意思就是Table,在这里呢，我们同样表格的标签就是table

基本语法：

<tabel>
<tr>
<td></td>
</tr>
</table>

复制代码

解析：我们知道，表格分几行几列的，那么这个我们如何去控制

首先创建<tabel></table>这个里面包含的就是一个表格

<tr><tr> 代表的就是表格的行

在<tr></tr>里我们可以创建多个单元格。在标签里添加“<td>这里添加单元格内容</td>”

我们已经知道基本概念了，下面我们创建一个简单的表格

<table>
<tr>
<td>第一行的第一个单元格</td>
<td>第一行的第二个单元格</td>
<td>第一行的第三个单元格</td>
</tr>
<tr>
<td>第一行的第一个单元格</td>
<td>第二行的第二个单元格</td>
<td>第三行的第三个单元格</td>
</tr>
</table>

复制代码

为了能显示效果我们在表格添加一个边框属性：border="1"

完整的代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网页标题：html系列教程--表格的使用</title>
</head>
<body>
<p>网页主体：如何创建一个表格？--java初学者系列教程http://wwww.javalearn.net<p>
<table border="1">
<tr>
<td>第一行的第一个单元格</td>
<td>第一行的第二个单元格</td>
<td>第一行的第三个单元格</td>
</tr>
<tr>
<td>第一行的第一个单元格</td>
<td>第二行的第二个单元格</td>
<td>第三行的第三个单元格</td>
</tr>
</table>
</body>
</html>

复制代码

通过浏览器看

原文地址：http://www.javalearn.net/thread-193-1-1.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

小黑鸣 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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