在文本文档中用html代码写一个两行两列的表格
在文本文档中用html代码写一个两行两列的表格;这个是HTML代码中比较基础,涉及<table>表格、<tr>行、<td>列元素。
操作方法
- 01
新建一个文本文档,主屏幕:右击-新建-文本文档
- 02
打开(左双击)刚刚新建好的文本文档;开始用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文件,双击打开,效果如下图。
- 03
效果图中,文字是两行两列,就是没有边框线,如何设置表格边框线,就是<tanle>元素中border=“1”,这样就可以有边框了,怎么改?右击1命名的ie文件,打开方式-记事本(或者文本文档),打开,<table border="1"></table>,然后文件-保存,就可以了。最后打开文件名为1的ie文件,刷新1下,效果图如下。
赞 (0)