博主信息
博文 46
粉丝 1
评论 1
访问量 37497
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
3月16日作业
笨鸟先飞
原创
812人浏览过

第一次制作像样得表格!!!

代码:

实例

实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>练习表格</title>
</head>
<body>
   <table border="1"  cellspacing="0"  cellpadding="5"   align="center" width="80%" >
      <caption><h2>通讯录 <small><a href="">新增</a></small></h2></caption>
     <!-- <colgroup span="1" bgcolor="red"></colgroup>
      <colgroup span="1" bgcolor="lightgreen"></colgroup>
      <colgroup span="2" bgcolor="brown">
       <col bgcolor="yellow">
        <col>
      </colgroup>
      <colgroup span="1" bgcolor="cyan"></colgroup>-->
      
      <thead>
        <tr bgcolor="yellow">
           <th colspan="3">姓名</th>
           <th colspan="3">相关信息</th>
           <th colspan="2" rowspan="2" >编辑</th>
        </tr>
        <tr  bgcolor="yellow"> 
         <th>ID</th>
         <th>曾用名</th>
         <th>现用名</th>
         <th>电话号码</th>
         <th>关系</th>
         <th>备注</th>
         <!--<th>编辑</th>-->
        </tr>
       </thead>
       <tbody>
        <tr>
         <td>01</td>
         <td><img src="images/1.jpg" width="20">张大山</td>
         <td><img src="images/1.jpg" width="20">张大山</td>
         <td>12345678901</td>
         <td>同学</td>
         <td>张三</td>
         <td><a href="">添加</a></td>
         <td><a href="">删除</a></td>
        </tr>
        <tr>
         <td>02</td>
         <td><img src="images/2.jpg" width="20">李海</td>
         <td><img src="images/2.jpg" width="20">李海</td>
         <td>12345678902</td>
         <td>同事</td>
         <td>李四</td>
         <td><a href="">添加</a></td>
         <td><a href="">删除</a></td>
        </tr>
        <tr>
         <td>03</td>
         <td><img src="images/3.jpg" width="20">王长明</td>
         <td><img src="images/3.jpg" width="20">王长明</td>
         <td>12345678903</td>
         <td>大学同学</td>
         <td>王麻子 </td>
         <td><a href="">添加</a></td>
         <td><a href="">删除</a></td>
        </tr>
        <tr>
         <td>04</td>
         <td><img src="images/4.jpg" width="20">陈东</td>
         <td><img src="images/4.jpg" width="20">陈东</td>
         <td>12345678904</td>
         <td>不认识</td>
         <td>陈不知</td>
         <td><a href="">添加</a></td>
         <td><a href="">删除</a></td>
        </tr>
        <tr>
         <td>05</td>
         <td><img src="images/5.jpg" width="20">覃正红</td>
         <td><img src="images/5.jpg" width="20">覃正红</td>
         <td>12345678905</td>
         <td>亲人</td>
         <td>红红</td>
         <td><a href="">添加</a></td>
         <td><a href="">删除</a></td>
        </tr>
        </tbody>
       <!-- <tfoot>
        <tr bgcolor="green">
         <td>06</td>
         <td colspan="2">不知道填啥</td>
         <td>10086</td>
         <td>用户</td>
         <td>坑人</td>
        </tr>
        </tfoot>-->
    </table>
    <p>
     <a href="">首页</a>
        <a href="">上一页</a>
        <a href="">...</a>
        <a href="">4</a>
        <a href="">5</a>
        <a href="">6</a>
        <a href="">...</a>
        <a href="">下一页</a>
        <a href="">尾页</a>
    </p>

运行实例 »

点击 "运行实例" 按钮查看在线实例


手写代码:

作业图片IMG_2937_meitu_1.jpg作业图片IMG_2938_meitu_2.jpg作业图片IMG_2939_meitu_3.jpg作业图片IMG_2940_meitu_4.jpg作业图片IMG_2941_meitu_5.jpg作业图片IMG_2942_meitu_6.jpg

批改状态:未批改

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学