010 html教程实例制作导航条演示

php老师

通过上几节课的学习，大家对表格的拆分，合并有了初步的认识。

本节课我们来讲解导航条的演示。

具体内容看教程。

这里要说的是，要想让网站漂亮，就得熟悉使用html" target="_blank" class="relatedlink">div+css。

所以我们要想真正学会建站，先要学好基础的html、div+css，

所以一定要把基础打牢。


我们来看下如下代码：

1. <table border="0px" width="960px">
   
2. 
   
3. <tr align="center" style="background:url(dh.jpg);">
   
4. <!--这里我们只需要设置其中的一个单元格的高度就可以的，可以直接用height，不过我们还是介意大家，用style=""里面写上他的属性，这样我们可以直接用内联样式来进行控制，非常不错的方法。-->
   
5. <!--align="center"这个表示的是水平居中，不需要写在style=""里面-->
   
6. <td align="center"  style="height:30px;">首页</td>
   
7. <td align="center">关于我们</td>
   
8. <td align="center">新闻中心</td>
   
9. <td align="center">事业领域</td>
   
10. <td align="center">融租范围</td>
    
11. <td align="center">德通学院</td>
    
12. <td align="center">招贤纳仕</td>
    
13. <td align="center"><img src="lianxi.jpg" width="30px"></td>
    
14. 
    
15. </tr>
    
16. 
    
17. </table>

复制代码

td align="center" 这个就表示让水平居中。当然大家可以之后在设置style=""内联样式。

<td align="center" style="height:30px;"></td>
效果如下;


一般导航为960px

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！