educoder答案-表格标签—表格高级样式的设置-太原理工大学

太原理工大学  Web程序设计基础2021秋答案  educoder

本实训项目为廖丽娟老师团队自己编写的实训项目,此账号超前更新答案,助力各校友学好web


第1关:网页表格的基本概念

D,B,C,D,B

第2关:创建简单的表格

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8"/>
  <title>创建表格</title>
 </head>
 <body>
   <!-- ********* Begin ******* -->
   <table border="4px" background="https://www.educoder.net/api/attachments/1208912" width="200">
       <caption>成绩表</caption>
        <tr>
            <th width="100">姓名</th>
            <th width="100">成绩</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>90</td>
        </tr>
    </table>
  
   <!-- ********* End ********* -->
 </body> 
</html>

第3关:表格行样式的设置

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>表格行样式的设置</title>
</head>
<body>
    <table border="4px" background="https://www.educoder.net/api/attachments/1208912" width="200">
       <caption>成绩表</caption>
       <!-- ********* Begin ********* -->
        <tr height=40 align=center  valign=middle bgcolor=00ffff>
       <!-- ********* End ********* -->
            <th width="100">姓名</td>
            <th width="100">成绩</td>
        </tr>
        <tr>
            <td>张三</td>
            <td>90</td>
        </tr>
    </table>
    
</body>
</html>

第4关:表格中单元格样式的设置

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>表格单元格样式的设置</title>
</head>
<body>
    <!-- ********* Begin1 ********* -->
    <table border="4px"  cellspacing=0 cellpadding=8 width="200">
    <!-- ********* End1 ********* -->
       <caption>成绩表</caption>
        <tr height=40 align=center  valign=middle bgcolor=00ffff>
            <th>姓名</th>
            <th>成绩</th>
        </tr>
        <tr bgcolor=00ff00>
            <!-- ********* Begin2 ********* -->
            <td width=120>张三</td>
            <td align=center>90</td>
            <!-- ********* End 2********* -->
        </tr>
    </table>   
</body>
</html>

上一篇:Educoder-学习-Java字符串之String类常用方法之字符串长度


下一篇:jQuery animate() 改变颜色