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"> </td></tr>
<tr><td>
<img src="pic1.jpg" align="left" vspace="5" hspace="10">
<img src="text18.jpg">
<p><font size="2"> 水本不是蓝色,是蔚蓝天空映蓝的这护城河水;水也本 不是绿色,是夹岸的垂柳染绿了这古老的城池。水本无涟 漪,是风,是鱼,是朝气蓬勃的赛艇健儿拨弄着静静的水 面,也拨弄着每个来到这里的人的心。</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,因为我没有素材,我用的是图片,所以没有考虑长度的问题。
最新文章
- Atitit 软件国际化原理与概论
- 把w3schools英文版的所有属性扒下来了,免费分享。
- Calculating Stereo Pairs
- Effective C++ -----条款20:宁以pass-by-reference-to-const替换pass-by-value Prefer pass-by-reference-to-const to pass-by-value
- 使用Excel制作万年历(可打印)
- [HDOJ5952]Counting Cliques(DFS,剪枝)
- Linux多线程之互斥
- .NET技能分析
- Android Binder机制简单了解
- Cnblogs API
- XListview的下拉刷新、上拉加载、用Pull解析XML
- java多线程基本概述(三)——同步块
- Appium环境搭建-精简版
- Postgres数据库维护
- JDBCUtils——DBCP
- HDU1559
- 解决python中 .to_csv() 的乱码问题
- Oracle12C版本安装步骤
- 创建springboot项目步骤
- C#编译时,提示缺少NuGet包
热门文章
- LINQ和Lambda表达式
- 实现织梦dedecms百度主动推送(实时)网页抓取
- UDP socket
- 贪心+DP【洛谷P4823】 [TJOI2013]拯救小矮人
- luogu4430 小猴打架
- 勤哲Excel服务器人力资源管理系统
- springboot整合dubbo注解方式(四)
- [題解](最小生成樹)luogu_P2916安慰奶牛
- xampp 在 windows下 配置 fcgi... 和 opcache 等 优化操作
- Linux防火墙详解