超详细的网页表格制作(记事本编写)

 时间:2024-10-13 08:40:36

1、首先打开我的电脑,在工具中选择文件夹这一个选项;

超详细的网页表格制作(记事本编写)

2、打开文件夹选项后,在查看中的下面我们找到高级设置,在高级设置中,我们把那个隐藏已知文件类型的扩展名前面的勾去掉,然后点确定按钮确定;

超详细的网页表格制作(记事本编写)

3、之所以要隐藏已知文件的扩展名,在于我们新建记事本时要用到的,只用隐藏已知文件的扩展名后,记事本的文件才能变为html文件,应该很多人都知道的吧,对于新建的html文件的名字可以随便取,那我就取个名字吧,叫table.html文件吧 ,名字还是去有意义的英文单词好,看自己的喜好 吧;建好文件后会弹出一个重名的对话框,然后我们点是就可以了;

超详细的网页表格制作(记事本编写)

4、现在我们的html文件已经建立好了,已经是以html为后缀的网页了,然后呢,我们右键,选择用记事本代开,打开后就可以编写代码了;

超详细的网页表格制作(记事本编写)

5、在制作网页表格的过程中,首先我们要将html的大体部分写出来,比如说网页的头标签、标题的标签、身体部分的标签,都需要写出来,还有要注意的是有开必有关的原则,一个标签开了,必定要将标签关掉,这是最基础的原则问题,要不然的话,会报错,导致网页出不来的问题的出现;

超详细的网页表格制作(记事本编写)

6、网页中的大体部分书写好后,别忘了开始写表格的代码,注意的是表格的代码必须是要在body里面来写的,对于表格的话我们用到的是table标签,然后我们使用width、height标签来设置表格的宽和高的大小,bordercolor、bgcolor是用来设置表格的颜色和表格的背景颜色的;

超详细的网页表格制作(记事本编写)

7、表格的大体设置成功后,那就开始设置表格的行和列,那我们就设置个三行两列的表格吧,我们要注意的是tr是用来表示行的,td是用来表示列的,然后呢,我们在每行与每一列中标上相应的数字;

超详细的网页表格制作(记事本编写)

8、代码书写好后,别忘了ctrl+s保存哦,我们保存好后,关掉记事本,然后我们打开我们新建html文件所在的位置(我的保存在桌面),打开html文件后,我们就能看到,简单表格制作好后的效果了,哈哈;

超详细的网页表格制作(记事本编写)
  • css如何设置文字的水平方向浮动
  • HTML教程 video(视频标签)标签
  • CSS教程 通配符选择器的定义与使用
  • css如何单独对一个单元格设置样式
  • 怎么在HTML网页里加入图片
  • 热门搜索
    网络安全手抄报内容 少先队手抄报 消防安全手抄报内容字 关于六一的手抄报 法律手抄报 物理手抄报 疫情防控手抄报 扣好人生第一粒扣子手抄报 文明交通手抄报 热爱祖国手抄报