Blogger Information
Blog 34
fans 2
comment 2
visits 22762
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
森田的博客2
AsNwds_MIS王的博客
Original
563 people have browsed it
<!DOCTYPE html>
<html>
<head>
         <meta charset="UTF-8">
         <title>我的博客</title>
         <style type="text/css">
          div{
                          width: 1000px;
                          height: 400px;
                          background-image: url(9.jpg);
                   background-repeat: no-repeat;
             }
         </style>
</head>
<body>
<div>
 <table border="1" cellspacing="0" cellpadding="8" width="95%" height="200" >
       <caption> <h1>我的博客日记<small><a href="">添加</a></small></h1></caption>
                <thead>
                         <tr bgcolor="#EEEEEE">
                                  <th>ID</th>
                                  <th>文章名称</th>
                                  <th>状态</th>
                                  <th>所属栏目</th>
                                  <th>添加时间</th>
                                  <th colspan="2">操作</th>
                                 
                         </tr>
                </thead>
                <tbody >
 
                         <tr>
                                  <th>1</th>
                                  <th><img src="11.jpg" alt="1"/>森田的博客1</th>
                                  <th>普通</th>
                                  <th rowspan="2">PHP作业</th>
                                  <th>2018-03-15</th>
                                  <th><a href="">编辑</a></th>
                                  <th><a href="">删除</a></th>
                         </tr>
<tr>
                                  <th>2</th>
                                  <th><img src="22.jpg" alt="2"/>森田的博客2</th>
                                  <th>锁定</th>
                                                                    <th>2018-03-16</th>
                                  <th><a href="">编辑</a></th>
                                  <th><a href="">删除</a></th>
                         </tr>
<tr>
                                  <th>3</th>
           实例
<!DOCTYPE html>

<html>

<head>

         <meta charset="UTF-8">

         <title>我的博客</title>

         <style type="text/css">

          div{

                          width: 1000px;

                          height: 400px;

                          background-image: url(9.jpg);

                   background-repeat: no-repeat;

             }

         </style>

</head>

<body>

<div>

 <table border="1" cellspacing="0" cellpadding="8" width="95%" height="200" >

       <caption> <h1>我的博客日记<small><a href="">添加</a></small></h1></caption>

                <thead>

                         <tr bgcolor="#EEEEEE">

                                  <th>ID</th>

                                  <th>文章名称</th>

                                  <th>状态</th>

                                  <th>所属栏目</th>

                                  <th>添加时间</th>

                                  <th colspan="2">操作</th>

                                 

                         </tr>

                </thead>

                <tbody >

 

                         <tr>

                                  <th>1</th>

                                  <th><img src="11.jpg" alt="1"/>森田的博客1</th>

                                  <th>普通</th>

                                  <th rowspan="2">PHP作业</th>

                                  <th>2018-03-15</th>

                                  <th><a href="">编辑</a></th>

                                  <th><a href="">删除</a></th>

                         </tr>

<tr>

                                  <th>2</th>

                                  <th><img src="22.jpg" alt="2"/>森田的博客2</th>

                                  <th>锁定</th>

                                                                    <th>2018-03-16</th>

                                  <th><a href="">编辑</a></th>

                                  <th><a href="">删除</a></th>

                         </tr>

<tr>

                                  <th>3</th>

                                  <th><img src="33.jpg" alt="3"/>森田的博客3</th>

                                  <th>停止</th>

                                  <th rowspan="2">微博</th>

                                  <th>2018-03-17</th>

                                  <th><a href="">编辑</a></th>

                                  <th><a href="">删除</a></th>

                         </tr><tr>

                                  <th>4</th>

                                  <th><img src="44.jpg" alt="4"/>森田的博客4</th>

                                  <th>开放</th>

                                  <th>2018-03-18</th>

                                  <th><a href="">编辑</a></th>

                                  <th><a href="">删除</a></th>

                         </tr>

                </tbody>

               

 </table>

 

 <p>

          <a href="">首页</a>

          <a href="">上一页</a>

          <a href="">下一页</a>

          <a href="">...</a>

          <a href="">尾页</a>

</p>

</div>

        

</body>

</html>
运行实例 »
点击 "运行实例" 按钮查看在线实例                      <th><img src="33.jpg" alt="3"/>森田的博客3</th>
                                  <th>停止</th>
                                  <th rowspan="2">微博</th>
                                  <th>2018-03-17</th>
                                  <th><a href="">编辑</a></th>
                                  <th><a href="">删除</a></th>
                         </tr><tr>
                                  <th>4</th>
                                  <th><img src="44.jpg" alt="4"/>森田的博客4</th>
                                  <th>开放</th>
                                  <th>2018-03-18</th>
                                  <th><a href="">编辑</a></th>
                                  <th><a href="">删除</a></th>
                         </tr>
                </tbody>
               
 </table>
 
 <p>
          <a href="">首页</a>
          <a href="">上一页</a>
          <a href="">下一页</a>
          <a href="">...</a>
          <a href="">尾页</a>
</p>
</div>
        
</body>
</html>

1.png

2.png

33.png

4.png

5.png

6.png

老师 试一下之前学的 、text/css


Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post