XHML教会我的一些东西-4

 

         今天把“河畔林语”的项目看完了。我自己也试着做了一下,这算是自己写的第一个项目吧。虽然全部是模仿,而且经常一边看写好的一边自己写,还是自己不够成熟呀。

         不知道为什么,我用我的电脑进http://www.ycku.com/course/这里找素材也进步了。应该也不是兼容的问题吧。因为我已经用谷歌浏览器进也进不了。所以我写的“河畔林语”项目可能有些地方没有视频里的老师写的那么好。因为那个FLASH的素材我找不到。一些图片也是复制而来,有些图片甚至是通过截图而来,所以可能做出来的效果也不是很好。

         我在网上找了很久的素材,开始准备写一个类似的网站。但是我发现找不到。即使找到了,但是那些网站就我们这些初学者来说也是做不到的。如果有一些我们这些初学者能做的网站就好了。

         我在写“河畔林语”第一个网站时,还觉得比较容易。没有出现什么困难。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>河畔林语</title>

</head>

<body background="2.jpg" topmargin="120" link="white" alink="white" vlink="white">

<table border="0" align="center">

        <tr><td><img src="QQ图片.jpg"></td></tr>

    <tr><td align="center"><img src="copyright.jpg"></td></tr>

         <tr><td align="center"><font size="4"><a href="2.html">ENTER</a></font></td></tr>

</table>

 

</body>

</html>

         但是在我写第二个网站也就是主页的时候,我出现了一个问题。我开始写的代码是这样的:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>河畔林语</title>

</head>

<body background="2.jpg" topmargin="0" link="green" vlink="green" alink="green">

 

         <table border="0" cellpadding="0" cellspacing="0" align="center" >

                   <tr><td><img src="QQ图片.jpg"></td></tr>

                   <tr><td>

                            <a href="3.html"><img src="link1.jpg"></a><a href="4.html"><img src="link2.jpg" border="0"></a><a href="5.html"><img src="link3.jpg" border="0"></a><a href="6.html"><img src="link4.jpg" border="0"></a><a href="7.html"><img src="link5.jpg" border="0"></a><a href="8.html"><img src="link6.jpg" border="0"></a><a href="9.html"><img src="link7.jpg" border="0"></a><a href="10.html"><img src="link8.jpg" border="0"></a><a href="11.html"><img src="link9.jpg"></a>

                   </td></tr>

                   <tr><td><img src="lanmu1.jpg"></td></tr>

                   <tr><td height="1100" background="QQ图片3.jpg" valign="top">

                  

                            <table width="80%" border="1" align="center">

                                     <tr><td height="20">&nbsp;</td></tr>

                                     <tr><td>

                                     <img src="pic1.jpg" align="left"  vspace="5" hspace="10">

                                     <img src="text18.jpg">                              

                                     <p><font size="2">&nbsp;&nbsp;水本不是蓝色,是蔚蓝天空映蓝的这护城河水;水也本 不是绿色,是夹岸的垂柳染绿了这古老的城池。水本无涟 漪,是风,是鱼,是朝气蓬勃的赛艇健儿拨弄着静静的水 面,也拨弄着每个来到这里的人的心。</font></p>

 

                                    

                                    

                                     </td></tr>

                                     <tr><td></td></tr>

                                     <tr><td></td></tr>

                            </table>

         </table>

 

</body>

</html>

         于是出现这个问题:

  

  当时检查了很久,都没有发现问题出现在哪里。我对着视频里面老师写好的代码一一检查也发现没有问题,可是效果就是不一样。当时我就想的是,第一个table下我也写了align=“center”,第二个嵌套的table我也写了align=“center”,而且在第二个table下我也加了width=“80%”。当时就觉得我没有写错。可是每次都是这个效果。最后我又检查几遍,原始我在第一个图片下没有设置长度。因为原本的网站第一个是Flash,因为我没有素材,我用的是图片,所以没有考虑长度的问题。

转载于:https://www.cnblogs.com/victor5230/p/3553087.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值