HTML表格2-4 编程练习

最新推荐文章于 2024-06-09 20:46:21 发布

原创最新推荐文章于 2024-06-09 20:46:21 发布 · 634 阅读

0 ·

CC 4.0 BY-SA版权

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

文章标签：

#HTML表格 #编程练习

基础案例专栏收录该内容

39 篇文章

订阅专栏

该博客是一个编程练习，要求创建一个五行五列的HTML表格，并进行行列的添加与删除操作，还给出了原始表格效果和操作完成效果的代码。

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>