网页基本架构举例 - 庐山归来 - jinqihua

载入中

自定义HTML载入中...

快速链接

网页基本架构举例 [原创 2008-04-16 13:39:37]

这里举个最基本的子例,以便才学习者容易理解.背景图片也许会显示不出来.把代码复制,用记事本程序保存并打开,效果很好,背景也很美.

先看效果.

第一栏

第二栏

网页基本架构的代码

网页在整个浏览器上通常都不是一个整板, 而是分成若干栏目,这样的栏目缩小来看就是表格.所以学习做网页就从学习做表格开始.一个网页包含很多很多内容,初学HTML代码就去看一张网页,那简直眼花缭乱,不知所云,哪怕是最简单的网页,就象我做的<<三栏式网页代码实例>>就网页来说十分简单,但代码却有一大篇.复杂的东西很多时候是简单东西的层层堆砌.所以,在此我做个基本架构,以便才接触者一目了然.在把基本架构了然于心后,再在框架中慢慢填充内容,这样可能学习起来就简单很多了.老SUNNYHQJ希望和你一起学习,共同进步.

第三栏

代码如下:

<html>
<head>
<title>表格标志的综合示例</title>
</head>

<table align=center border="5" width="80%" height=1000 bgcolor="#E8E8E8" cellpadding="2" bordercolor="red"
bordercolorlight="#7D7DFF" bordercolordark="#0000A0" background="http://t5.baidu.com/it/u=2295068947,2120024332&fm=0&gp=38.jpg">

<tbody>
<tr>
<td width="20%" align="center">第一栏

</td>
   <td width="40%" align="center">第二栏<br>
<p align=center><font color=red size=8>网页基本架构的代码</font><p><br>
<p align=center><marquee direction=up scrollamount=1><font color=blue size=6>网页在整个浏览器上通常都不是一个整板,
                而是分成若干栏目,这样的栏目缩小来看就
                是表格.所以学习做网页就从学习做表格开
                始.一个网页包含很多很多内容,初学HTML代
                码就去看一张网页,那简直眼花缭乱,不知所
                云,哪怕是最简单的网页,就象我做的<<三栏
                式网页代码实例>>就网页来说十分简单,但代码却有一大篇.复杂的东西很多时候是简单东西的层层堆砌.所以,在此我做个基本架
                构,以便才接触者一目了然.在把基本架构了然
                于心后,再在框架中慢慢填充内容,这样可能
                学习起来就简单很多了.老SUNNYHQJ希望和你一起学习,共同进步.</p></font></marquee>
</td>
<td width="20%" align="center">第三栏
</td>

</tr>
</tbody>

</table>
</body>
</html>