不知道写些什么,每次看完视频之后都按照里面的方法把相应的代码写了一遍。感觉问题不大,可能是我没去写那些复杂的代码,没有去思考其他一些新颖的架构。
在自己写代码和看视频的过程中,我明白了,一定要注意每一个小细节。写代码的时候不要粗心大意也不能心烦气躁。如果急功近利就会出现没必要的错误。
下面我就小小的总结一些吧。
在第一篇博客的最后我有提到自己因为按照UE的方式写代码而导致代码显示出的效果乱码。因为当时我用的是dreamweaver8,我删掉了当时自动帮我生成的代码。我写的是:
<html>
<head>
<title>…</itle>
</head>
<body>
</body>
</html>
而dreamweaver帮我生成的是:
<!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>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">对于这一段代码我不能理解。在百度搜了一些文章看看,记得里面有很多学者都说写的代码不能够用大写。
开始的时候我以为可能这是因为用dreamweaver写代码的缘故,因此它会生成这一系列我不懂的代码。但是学习到后面的时候我至少明白了其中的一点。<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />那就是这个代码,meta是文件说明;http-equiv="Content-Type"表示网页要重新加载显示。
在XHTML中我们还要注意大多数的代码都是要闭合的习惯。比如:<front>…</front>,所以在我们平常写代码的时候我们都要养成一次把一个代码写闭合,避免自己写到忘记去写闭合的代码。从而带来不必要的麻烦。
有时候我们在处理一大段的文字外加图片的时候,我们就要巧妙的运用<br>,<p></p>.
<br>是换行,如果我们要使每一段话或者每一行字形成一定的距离的时候我们就要选择<br>来进行。<p></p>是段落,在我们处理很多文字的时候,如果只是为了美观,没有太高的距离要求,我们就可以通过<p></p>来进行。
最后附上练习时写的关于导航的一个代码。写的不好。
<!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> |
|
<table width="600" height="500" border="1"> |
|
<tr height="80"><td colspan="2" align="center"><b>Victor-X导航</b></td></tr> |
|
<tr><td width="100" valign="top" align="center"> |
|
<a href="www.baidu.com" target="1">百度</a><br> |
|
<a href="www.google.com" target="1">谷歌</a><br> |
|
<a href="www.sina.com" target="1">新浪</a><br> |
|
<a href="www.taobao.com" target="1">淘宝</a><br> |
|
<a href="www.sohu.com" target="1">搜狐</a><br> |
|
<a href="www.58.com" target="1">58同城</a><br> |
|
<a href="www.jd.com" target="1">京东</a><br> |
|
<a href="www.amozn.com" target="1">亚马逊</a><br> |
|
<a href="www.tencent.com" target="1">腾讯</a><br> |
|
<a href="www.ifeng.com" target="1">凤凰</a><br> |
|
<a href="www.163.com" target="1">网易</a><br> |
|
<a href="www.renren.com" target="1">人人</a><br> |
|
<a href="www.zhihu.com" target="1">知乎</a><br> |
|
<a href="www.douban.com" target="1">豆瓣</a><br> |
|
</td> |
|
<td> |
|
<iframe name="1" height="100%" width="100%"></iframe> |
|
</td> |
|
</tr> |
|
</table> |
|
<body> |
|
</body> |
|
</html> |