亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

PHP開發(fā)簡(jiǎn)單新聞發(fā)布系統(tǒng)之新聞列表頁

這一節(jié)我們將開始系統(tǒng)中比較重要的一個(gè)頁面新聞列表頁的講解

1606.png

這里主要是使用<table>標(biāo)簽制作一個(gè)表格來展示新聞的標(biāo)題,作者,內(nèi)容,發(fā)布時(shí)間,修改時(shí)間,以及新聞編輯模塊

<html>
<body>
    <table cellspacing="0" cellpadding="0" align="center" bgcolor="#ccc" >
     <tr>
        <th>編號(hào)</th>
        <th>文章標(biāo)題</th>
        <th>文章作者</th>
        <th>文章內(nèi)容</th>
        <th>發(fā)布時(shí)間</th>
        <th>編輯文章</th>
      </tr>
      <tr>
        <td align="center" style="border:1px solid #000; width: 5%;"></td>
        <td align="center" style="border:1px solid #000; width: 10%;"></td>
        <td align="center" style="border:1px solid #000; width: 10%;"></td>
        <td align="center" style="border:1px solid #000; width: 15%;"></td>
        <td align="center" style="border:1px solid #000; width: 10%;"></td>
        <td align="center" style="border:1px solid #000; width: 10%;">
          <a href="#"><font color="red">修改</font></a>
          <a href="#"><font color="red">刪除</font></a>
        </td>
      </tr>
    </table>
</body>
</html>

在頁面底部使用<div>和<a>標(biāo)簽來實(shí)現(xiàn)分頁功能

<body>
    <div>
      共?頁 |查到?條記錄| 當(dāng)前第?頁|
     <a href="#">上一頁|</a>
     <a href="#">|下一頁</a>
    </div>
</body>

在頭部我們添加了一個(gè)<form>表單,用來增加一個(gè)搜索框功能。

<body>
    <form method="get" action="" >
      <input type="text" name="keyword" value=""/>
      <input type="submit" value="搜索"/>
    </form>
</body>


Weiter lernen
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>新聞列表頁</title> </head> <body> <form method="get" action="" style="margin:10px;"> <input type="text" name="keyword" value=""/> <input type="submit" value="搜索"/> </form> <table cellspacing="0" cellpadding="0" align="center" bgcolor="#ccc"> <tr> <th>編號(hào)</th> <th>文章標(biāo)題</th> <th>文章作者</th> <th>文章內(nèi)容</th> <th>發(fā)布時(shí)間</th> <th>編輯文章</th> </tr> <tr> <td align="center" style="border:1px solid #000; width: 8%;"></td> <td align="center" style="border:1px solid #000; width: 10%;"></td> <td align="center" style="border:1px solid #000; width: 10%;"></td> <td align="center" style="border:1px solid #000; width: 15%;"></td> <td align="center" style="border:1px solid #000; width: 10%;"></td> <td align="center" style="border:1px solid #000; width: 13%;"> <a href="#"><font color="red">修改</font></a> <a href="#"><font color="red">刪除</font></a> </td> </tr> </table> <div style="margin-left: 40px;"> 共?頁 |查到?條記錄| 當(dāng)前第?頁| <a href="#">上一頁|</a> <a href="#">|下一頁</a> </div> </body> </html>
einreichenCode zurücksetzen