HTML表格2-4 编程练习

最新推荐文章于 2022-09-29 16:45:42 发布

请叫我二狗哥

最新推荐文章于 2022-09-29 16:45:42 发布

阅读量523

点赞数 2

分类专栏：基础案例文章标签： HTML表格编程练习

cnblog博客：https://www.cnblogs.com/f6056/

本文链接：https://blog.csdn.net/weimob258616/article/details/88750908

版权

基础案例专栏收录该内容

39 篇文章 1 订阅

订阅专栏

2-4 编程练习

请创建一个五行五列表格，并进行行列添加与删除操作。

原始表格效果：

操作完成效果：

原始表格效果代码

<!DOCTYPE html>
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>HTML表格2-4编程练习</title>
  </head>
  <body > 
    <table border="1">
      <tr><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td><td>星期五</td></tr>
      <tr><td>语文</td><td>数学</td><td>数学</td><td>英语</td><td>生物</td></tr>
      <tr><td>语文</td><td>数学</td><td>数学</td><td>英语</td><td>生物</td></tr>
      <tr><td>语文</td><td>数学</td><td>数学</td><td>英语</td><td>生物</td></tr>
      <tr><td>语文</td><td>数学</td><td>数学</td><td>英语</td><td>生物</td></tr>
    </table>
   
  </body>
</html>

操作完成效果代码：

<!DOCTYPE html>
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>HTML表格2-4编程练习</title>
  </head>
  <body > 
    <table border="1">
      <tr><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td><td>星期五</td></tr>
      <tr><td>语文</td><td>数学</td><td>数学</td><td>英语</td><td>生物</td></tr>
      <tr><td>语文</td><td>数学</td><td>数学</td><td>英语</td><td>生物</td></tr>
      <tr><td>课间活动</td><td>课间活动</td><td>课间活动</td><td>课间活动</td><td>课间活动</td></tr>
      <tr><td>语文</td><td>数学</td><td>数学</td><td>英语</td><td>生物</td></tr>
      <tr><td>语文</td><td>数学</td><td>数学</td><td>英语</td><td>生物</td></tr>
    </table>
   
  </body>
</html>

请叫我二狗哥

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML表格2-4 编程练习

2-4 编程练习请创建一个五行五列表格，并进行行列添加与删除操作。原始表格效果：操作完成效果：原始表格效果代码<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...
复制链接

扫一扫