在文本文档中用html代码写一个两行两列的表格

 时间:2026-02-14 08:11:15

1、新建一个文本文档,主屏幕:右击-新建-文本文档

在文本文档中用html代码写一个两行两列的表格

在文本文档中用html代码写一个两行两列的表格

2、打开(左双击)刚刚新建好的文本文档;开始用html代码写程序;代码如下图:;html就像一个人,人的整个就是<html></html>,头<head></head>,身体<body></body>;而HTML的所有体现都会在身体里体现,<head>里面有个<title>,<title>就是标题,可写可不写;<body>里面是表格的主体,<table>是表格元素,<tr>行、<td>列,要几行就写几个<tr></tr>,列在行里面体现一行几列<tr></tr>里面就写几个<td></td>;文字就在列中体现。写完之后,文件-另存为-文件名1.html-保存类型所有文件-编码UTF-8,点确定;桌面上就会有个以1命名的ie文件,双击打开,效果如下图。

在文本文档中用html代码写一个两行两列的表格

在文本文档中用html代码写一个两行两列的表格

在文本文档中用html代码写一个两行两列的表格

在文本文档中用html代码写一个两行两列的表格

在文本文档中用html代码写一个两行两列的表格

3、效果图中,文字是两行两列,就是没有边框线,如何设置表格边框线,就是<tanle>元素中border=“1”,这样就可以有边框了,怎么改?右击1命名的ie文件,打开方式-记事本(或者文本文档),打开,<table border="1"></table>,然后文件-保存,就可以了。最后打开文件名为1的ie文件,刷新1下,效果图如下。

在文本文档中用html代码写一个两行两列的表格

在文本文档中用html代码写一个两行两列的表格

在文本文档中用html代码写一个两行两列的表格

在文本文档中用html代码写一个两行两列的表格

  • html颜色代码表(全)
  • html背景颜色代码怎么写
  • 如何在HTML中插入图片
  • 如何使用HBuilder做一个横向导航栏
  • html轮播图怎么制作
  • 热门搜索
    三七怎么吃 艺术生高考分数怎么算 甲字五笔怎么打 牛仔裤怎么洗 圆柱的体积怎么算 plane怎么读 qq怎么看共同好友 怎么锻炼胸肌 qq怎么盗号 gta5飞机怎么起飞