任务二

作者: KoalaT | 来源:发表于2016-11-23 16:19 被阅读38次

任务完成前

  • 同样是接上一个任务
  • 任务的题目如下:
作业题目.png
  • 估时:5mins
  • 我的思考:采用caption,table,tr,th,td,thead,tbody标签,名称,2016-11-22,小计,总价需要采用rowspan,colspan,其中,rowspan是合并两个竖行,colspan是合并两个横行

开始写代码

<!DOCTYPE html><html lang="en">
  <head>    
    <meta charset="UTF-8">    
    <title>Title</title>
 </head>
 <body>    
    <table border="1">        
       <caption>购物车</caption>        
          <thead>            
             <tr>                
              <th rowspan="2">名称</th>                
              <th colspan="2">2016-11-22</th>                
              <th rowspan="2">小计</th>            
          </tr>            
          <tr>               
             <th>重量</th>                
              <th>单价</th>            
          </tr>        
      </thead>       
      <tbody>           
           <tr>                
            <td>苹果</td>               
            <td>3公斤</td>                
            <td>5元/公斤</td>                
            <td>15元</td>            
          </tr>            
          <tr>                
             <td>香蕉</td>                
            <td>2公斤</td>                
            <td>6元/公斤</td>                
            <td>12元</td>            
          </tr>            
          <tr>                
              <td colspan="3" style="text-align: center">总价</td>   
              <td>27元</td>                                                                        
        </tr>        
        </tbody>    
    </table>
</body>
</html>
我的代码.png

任务完成

  • 用时:14mins
  • 分析原因:对制表可能没有理解的很深,但自己觉得开了codefordream上的东西已经理解了,所以导致我估时不准。
  • 总价那里我使用了css的字体居中,但是老师似乎要求不使用css,在这里是一个问题。

相关文章

  • 任务二

    汤杰 顾婷合做的鱼跃龙门 手柄似鱼高高跃起,两旁还云雾,十分淡雅美观

  • 任务二

    1.git init的使用 一般需要创建一个目录,进入该目录,然后输入 git init 可以在当前目录创建一个....

  • 任务二

    任务完成前 同样是接上一个任务 任务的题目如下: 估时:5mins 我的思考:采用caption,table,tr...

  • 任务二

    世界上有两类人组成,确实很忙的人和假装很忙的人。却是很忙的人的人还要分两种:一种是会自我管理的人,另一种人则不会。...

  • 任务二

    问答 1. 前端是做什么的?互联网职位有哪些常见的简称。 运用 HTML、CSS 和 JavaScript 等相关...

  • 任务二

    问答: 1、前端是做什么的?互联网职位有哪些常见的简称(如PM…) 前端负责页面呈现和交互功能 互联网职位常见简称...

  • 《任务》二

    第二章 任务初始 司徒静这两天很闹心,每天都会想起师傅的话,但想来想去,还是琢磨不透是师傅的...

  • 任务(二)

    “刚回家你就又要走?!”老夫人拔高的声音在偌大的沈宅很是响亮。沈梦之顺了顺老太太的后背,安抚道: “奶奶,我就是去...

  • BIO、NIO、AIO笔记

    同步:任务一的完成需要依赖任务二,只有等待任务二完成,任务一才算完成。异步:任务一会通知任务二完成什么任务,但是两...

  • 国贸162 28 陈万里

    任务一 任务二 任务三 任务四

网友评论

  • 6d96978eeefb:赞估时!这个作业写的非常棒。

    关于居中那块儿,不要使用css,直接使用html中提供的属性

本文标题:任务二

本文链接:https://www.haomeiwen.com/subject/fzdvpttx.html