表格的制作

来源：互联网发布：手持编程控制器的原理编辑：程序博客网时间：2024/05/21 21:40

表格代码

课后作业

<!doctype html><html> <head>  <meta charset="UTF-8">  <title>课程表</title>  <style>    div{        text-align:center;    }  </style> </head> <body> <div>    <table border="1" bordercolor="blue" >    <caption><h1>课程表</h1></caption>     <tr>        <th>项目</th>        <th colspan="5">上课</th>        <th colspan="2">休息</th>     </tr>     <tr>        <th>星期</th>        <th>星期一</th>        <th>星期二</th>        <th>星期三</th>        <th>星期四</th>        <th>星期五</th>        <th>星期六</th>        <th>星期日</th>      </tr>       <tr>        <td rowspan="4"><b>上午</b></td>        <td>语文</td>        <td>数学</td>        <td>英语</td>        <td>英语</td>        <td>物理</td>        <td>计算机</td>        <td rowspan="4">休息</td>      </tr>       <tr>        <td>数学</td>        <td>数学</td>        <td>地理</td>        <td>历史</td>        <td>化学</td>        <td>计算机</td>      </tr>       <tr>        <td>化学</td>        <td>语文</td>        <td>体育</td>        <td>计算机</td>        <td>英语</td>        <td>计算机</td>      </tr>       <tr>        <td>政治</td>        <td>英语</td>        <td>体育</td>        <td>历史</td>        <td>地理</td>        <td>计算机</td>      </tr>       <tr>        <td rowspan="2"><b>下午</b></td>        <td>语文</td>        <td>英语</td>        <td>数学</td>        <td>物理</td>        <td>计算机</td>        <td>英语</td>        <td rowspan="2">休息</td>       </tr>        <tr>        <td>数学</td>        <td>数学</td>        <td>地理</td>        <td>历史</td>        <td>化学</td>        <td>计算机</td>      </tr>   </div> </body></html>

课堂学习

1.咖啡店招聘表格

<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <title>加入我们</title> </head> <body>    <h1>欢迎加入</h1>    <table border="2">        <colgroup>            <col span="4" style="background-color: blue">    <tr>        <th>职位名</th>        <th>工作地点</th>        <th>等级</th>        <th>薪酬</th>    </tr>    <tr>        <td>咖啡师</td>        <td>弗罗里达</td>        <td>LV3</td>        <td>5000$</td>    </tr>    <tr>        <td>咖啡师助理</td>        <td>纽约</td>        <td>LV2</td>        <td>3000$</td>    </tr>    <tr>        <td>大中华区副总裁</td>        <td>北京</td>        <td>LV8</td>        <td>面议</td>    </tr>    <tr>        <td>全球副总裁</td>        <td>南通</td>        <td>LV10</td>        <td>面议</td>    </tr> </body></html>

2.咖啡店在线订购

<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <title>欢迎光临Coding Coffee</title>  <stlye type="text/css"> </head> <body>    <h1>欢迎光临Coding Coffee</h1>    <img src="./img/3.png">    <p>    敬请关注我们定期的<a href="test.html">产品列表</a>    coding coffee是一家只对程序员开放的<em>互联网咖啡馆.</em>    </p>    <p>    请查看我们的<a href="D:\我的html\Untitled2.html">分店</a>    </p> </body></html>

阅读全文

0 0