HTML创建简易表格

要完成的表格样式：

第一步我们在body下创建表格标题：小说排行榜

代码如下：

<tr>
        <th><b> 小说排行榜</b></th>
<tr>

第二步我们创建表格外框和第一行，代码如下：

<table border="1">
        <tr>
            <td>排名</td>
            <td>关键词</td>
            <td>趋势</td>
            <td>今日搜索</td>
            <td>最近七日</td>
            <td>相关链接</td>
         </tr>

第三步我们创建表格第三行（图片地址建议使用相对地址，链接内容可以自己去设置），代码如下：

<tr>
            <td>1</td>
            <td>鬼吹灯</td>
            <td><img src="up.jpg" /></td>
            <td>356</td>
            <td>3560</td>
            <td><a href="http://www.w3school.com.cn/">贴吧</a> <a href="http://www.w3school.com.cn/">图片</a> <a href="http://www.w3school.com.cn/">百科</a></td>
         </tr>

注意：链接地址为绝对地址

后面几步与第三步相同，细微之处自己去改

第四步：这时保存运行后，情况如下：

发现字体没有居中，我们在head下输入如下代码：

<!--表格文字居中-->
    <style>
      body{text-align:center}
      </style> 

再次运行后正常；至此一个简单的HTML表格就创建成功了。