zoukankan      html  css  js  c++  java
  • 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,因为我没有素材,我用的是图片,所以没有考虑长度的问题。

  • 相关阅读:
    PHP二维数组排序(感谢滔哥lvtao.net)
    MySQL 日志的类型
    PHP安装Xdebug扩展并配置PHPstorm调试(Centos、Windows)
    $.post 和 $.get 设置同步和异步请求
    Jquery获取敲击回车时光标所在的位置
    Jquery 数组与字符串之间的转换
    使整个页面变灰的css代码
    PHP的性能优化方法总结
    Android中完全退出当前应用系统
    Android 遮罩层效果
  • 原文地址:https://www.cnblogs.com/victor5230/p/3553087.html
Copyright © 2011-2022 走看看