|
|
马上注册，结识高手，享用更多资源，轻松玩转三维网社区。
您需要 登录 才可以下载或查看，没有帐号？注册
x
我们知道制作一个网页需要有浏览器和记事本程序（或者类似的文本编辑器）。请打开记事本程序（Notepad）：依次选择“开始菜单→程序→附件→记事本”即可。现在一切就绪了！
6 ]5 o1 [5 U6 X. u9 w0 x然后呢？
; ]2 ]0 l+ R1 Y2 [& s3 K我们先从简单的做起吧。先试着做一个显示如下内容的网页：“哇！这是我的第一个网站。”继续学习，就你就知道这是多么容易了。 5 z0 _8 q4 v+ W5 A1 l- ]
HTML简单易学。浏览器读HTML就跟你读书一样，也是从上往下，从左到右进行的。所以，HTML文档的开始和结束便对应于网页的头和尾。 ; x r/ _, r6 n2 A/ {: g3 v
你首先要做的是告诉浏览器，你们将采用HTML语言来“对话”。这是通过<html>标签来实现的（这是容易理解的）。所以，在做所有其他事之前，先在记事本的第一行敲入“<html>”。 8 i# E& [0 R# v" l4 I R
也许你记得前面课程中我们说过，这里的<html>是首标签，在HTML文档结尾处必须有相应的尾标签与之对应。好的，为了防止最后忘记写这个尾标签，我们现在就输入“</html>”，然后在<html>和</html>之间留些空行，用于书写其余代码。
' j% O, D0 Z: \* Q6 @3 W7 x0 w4 e下面，我们需要为HTML文档写一个“头部（head）”，它提供关于当前文档的信息；然后写一个“主体（body）”，它提供文档的内容。HTML最重要的就是简单——在这里，我们只需把头部（<head>和</head>）放到主体(<body>和</body>）的前面就行了。
2 p# }8 M' B' p& J7 F8 }如下所示： & ]1 ^5 J- i \% I
</html>
" V1 K# c/ T1 C( \- z { d U" z% z <head>
5 V0 E/ |( I; ]6 K </head>
5 N+ W2 X, r, c% V3 U <body> 3 M8 R0 `- L, ?$ H& T F2 f9 K
</body> 3 @- h5 ^5 B6 C: @/ \1 h
</html> 8 l# Z$ z4 e* f, G3 S/ h4 d
注意我们是如何用换行（用Enter键）与缩进（用Tab键）令代码具有层次感的。理论上，你如何书写HTML文档，这无关紧要。但为了便于阅读代码，和保持良好的概貌，我们强烈建议你采用换行与缩进来层次化HTML代码，就像上面的例子一样。 & j H1 Y7 q# l, c7 V
上面这个文档便构成了你的第一个网站——它只包含一个网页，而且内容很单调，可能与你的想象相去甚远，但在一定程度上它仍是一个网站。你可以将它用作其他HTML文档的基本模版。 4 C4 F' z7 Z j) |
不错不错，但我如何添加更多内容？ 9 h6 o) f6 I8 ], `2 X- l1 R1 i& Y
前面我们学到过，HTML文档有两个部分：头部（head）和主体（body）。你在头部（head）提供关于网页的信息，你在主体（body）部分提供网页的具体内容。 8 `6 k$ }+ M, P8 G. x% z; h* r Z
比如，如果你要指定HTML文档的网页标题（title）（它将显示在浏览器窗口顶部），你就要在头部（head）提供有关信息。用title元素来指定网页标题：即在首标签<title>与尾标签</title>之间写上网页标题： 6 a" F5 }5 l3 w; N1 B, m# Q( i% u
<title>我的第一个网站</title> , A. J/ u3 ]- V t" k$ f/ T
注意，网页标题（title）不是显示在网页里，而是显示在浏览器窗口的标题栏上的。网页里显示的所有内容都必须放在body元素里。
8 K6 S. v J2 t# q3 ?: T- s4 E2 ^比如，我们要在网页里显示“哇！这是我的第一个网站。”这行文字，它属于主体（body）部分，所以我们在body元素里输入： Z% y! v/ { _ K! P9 u2 g
<p>哇！这是我的第一个网站。</p> : o8 s% ?0 ~8 V8 h$ H
标签<p>里的p是“段落（paragraph）”的意思，也就是一个文本段落。
$ k. m; ~: i$ Y+ |; q$ H2 E! l现在，你的HTML文档应该是这样： ' v) |' ~6 O Y4 u- S
</html>
) z, T$ b: g/ n<head>
2 r* a6 E7 v' K0 K+ v; X0 ^* I<title>我的第一个网站</title>
* E( B8 ?/ W+ q</head> 9 r! Y+ P* H0 L7 O* W; M4 h$ g4 T: t
6 D5 r$ a% x; e, M8 N9 M% S<body> - V3 h, l& L% M4 i: y
<p>哇！这是我的第一个网站。</p>
! B J8 a1 o% W, I/ g' V& s</body>
2 ^, c5 J; f- |7 b4 s6 }
; r9 [9 L- a" a# q( y</html>
6 O) x" q: N" @3 [" `; T# s搞定！ 你已经完成了自己第一个真正的网站（尽管它只包含一个网页）！ + X# t! [+ M3 P% |! k
接着，你需要将它保存到你的硬盘上，然后在浏览器中打开它： - W3 m! g4 a8 ~- n x; w1 m1 x! B
- 在记事本的“文件”菜单下选择“另存为...”。
- 这时会弹出一个对话框，在“保存类型”右边的下拉菜单里选择“所有文件”。这一点很重要——否则，它将被保存为文本文档，而不是HTML文档。
- 现在将这个文档保存为“page1.htm”（后缀名“htm”表明它是一个HTML文档。后缀名用“html”也可以，但我比较习惯使用“htm”，你可以根据自己的喜好选用二者中的任一个）。将HTML文档保存在硬盘上的哪个文件夹无关紧要——只要你记得保存位置，并能再次找到它就行。
现在打开浏览器： ) v" [7 k/ m4 g( e, _7 P9 q/ h' q
- 在“文件”菜单下选择“打开”。
- 在弹出的对话框中点击“浏览”按钮。
- 现在，请找到你的HTML文档，然后点击“打开”。
这时，浏览器中应显示“哇！这是我的第一个网站。”。恭喜！
& l, b2 w% r3 M% W6 \4 {如果你迫切希望自己的杰作能被全世界看到，那么请继续往下学习。乐趣才刚刚开始。
* B, u8 L3 j- ^2 k, T9 g详情请登录官方网站查看：www.itleadphp.com
7 V& M" [) v- T: ^; [ 地址：广州市天河区天润路333号广东省建设工程交易中心东区2楼203
# e1 ^( n1 X8 g( H咨询手机：13631329161（冯老师） : f2 R+ c* P$ J# N
咨询Q Q：542693734 |
|
发表于 2011-5-12 17:26:51