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]