php老师 发表于 2014-11-28 19:53:32

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

本帖最后由 php老师 于 2014-11-28 19:54 编辑

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

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

具体内容看教程。

这里要说的是,要想让网站漂亮,就得熟悉使用div+css。

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

所以一定要把基础打牢。


我们来看下如下代码:
<table border="0px" width="960px">

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

</tr>

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

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


一般导航为960px
页: [1]
查看完整版本: 010 html教程实例制作导航条演示