|
|
马上注册，结识高手，享用更多资源，轻松玩转三维网社区。
您需要 登录 才可以下载或查看，没有帐号？注册
x
我们知道制作一个网页需要有浏览器和记事本程序（或者类似的文本编辑器）。请打开记事本程序（Notepad）：依次选择“开始菜单→程序→附件→记事本”即可。现在一切就绪了！
7 {; _4 G1 T) y9 J b9 C2 E; g. T然后呢？ $ O4 E9 ]- B1 e) m9 F2 d
我们先从简单的做起吧。先试着做一个显示如下内容的网页：“哇！这是我的第一个网站。”继续学习，就你就知道这是多么容易了。 9 B8 T* e E5 T S4 K
HTML简单易学。浏览器读HTML就跟你读书一样，也是从上往下，从左到右进行的。所以，HTML文档的开始和结束便对应于网页的头和尾。 % q" M/ A# a3 D* G3 J' d# P2 S
你首先要做的是告诉浏览器，你们将采用HTML语言来“对话”。这是通过<html>标签来实现的（这是容易理解的）。所以，在做所有其他事之前，先在记事本的第一行敲入“<html>”。 , v' b1 }' d) N2 H% M
也许你记得前面课程中我们说过，这里的<html>是首标签，在HTML文档结尾处必须有相应的尾标签与之对应。好的，为了防止最后忘记写这个尾标签，我们现在就输入“</html>”，然后在<html>和</html>之间留些空行，用于书写其余代码。
G2 n+ w2 L# q f u4 ^下面，我们需要为HTML文档写一个“头部（head）”，它提供关于当前文档的信息；然后写一个“主体（body）”，它提供文档的内容。HTML最重要的就是简单——在这里，我们只需把头部（<head>和</head>）放到主体(<body>和</body>）的前面就行了。
1 ]0 m$ z$ W& I' i, v* X( V8 {如下所示：
$ ]0 i- j% O9 m& X+ A</html>
1 W I. i: [1 P/ \ <head> . A3 W& a0 p; j! N- p
</head> * s% u7 Z: u2 O- f/ B3 H+ ]$ j
<body>
% B O8 B; R& M7 _, h7 ] </body> $ c4 r+ @. T! b- K
</html>
2 e( d, p) r! p. }注意我们是如何用换行（用Enter键）与缩进（用Tab键）令代码具有层次感的。理论上，你如何书写HTML文档，这无关紧要。但为了便于阅读代码，和保持良好的概貌，我们强烈建议你采用换行与缩进来层次化HTML代码，就像上面的例子一样。
. f* g# V. s* @+ R9 W上面这个文档便构成了你的第一个网站——它只包含一个网页，而且内容很单调，可能与你的想象相去甚远，但在一定程度上它仍是一个网站。你可以将它用作其他HTML文档的基本模版。
s/ s# y- B2 f% h S+ S/ _不错不错，但我如何添加更多内容？ 8 j# [& T% e4 V, M5 A9 X
前面我们学到过，HTML文档有两个部分：头部（head）和主体（body）。你在头部（head）提供关于网页的信息，你在主体（body）部分提供网页的具体内容。
+ v5 [# U8 m5 h0 h0 j" M比如，如果你要指定HTML文档的网页标题（title）（它将显示在浏览器窗口顶部），你就要在头部（head）提供有关信息。用title元素来指定网页标题：即在首标签<title>与尾标签</title>之间写上网页标题： , e+ p/ y8 u2 Z, o* }& [
<title>我的第一个网站</title>
! M! |3 }6 D* T注意，网页标题（title）不是显示在网页里，而是显示在浏览器窗口的标题栏上的。网页里显示的所有内容都必须放在body元素里。 , [: G5 ? c1 [+ \0 u, K( l
比如，我们要在网页里显示“哇！这是我的第一个网站。”这行文字，它属于主体（body）部分，所以我们在body元素里输入：
, e) K$ {( E( g' I<p>哇！这是我的第一个网站。</p> & d( e/ W1 R; |1 a/ p5 ~" ^( j( h
标签<p>里的p是“段落（paragraph）”的意思，也就是一个文本段落。
2 \2 u4 w5 P" Y. t) L' S现在，你的HTML文档应该是这样： ! L2 I! U# W8 `+ w* [
</html> ; u6 B, c! e7 i. V+ ?0 I. Q/ S# O
<head> : b2 f9 ?3 k* `- F. b+ H, v; u3 f$ t
<title>我的第一个网站</title> % M: J- h* E/ X
</head> + n5 z& M2 Y8 M, b
* p/ y& T- l, A% T8 `9 b% Y
<body>
! V( c7 N1 }3 G<p>哇！这是我的第一个网站。</p>
) v( G3 C5 U/ S! p4 D. h</body>
+ l$ n. F2 D* x/ N" l) I2 Z. l8 K$ A+ ?6 b4 S
</html>
2 N8 c3 T" @, ^搞定！ 你已经完成了自己第一个真正的网站（尽管它只包含一个网页）！
5 r E" j F: C. F1 I接着，你需要将它保存到你的硬盘上，然后在浏览器中打开它： $ A% S; D. W. z
- 在记事本的“文件”菜单下选择“另存为...”。
- 这时会弹出一个对话框，在“保存类型”右边的下拉菜单里选择“所有文件”。这一点很重要——否则，它将被保存为文本文档，而不是HTML文档。
- 现在将这个文档保存为“page1.htm”（后缀名“htm”表明它是一个HTML文档。后缀名用“html”也可以，但我比较习惯使用“htm”，你可以根据自己的喜好选用二者中的任一个）。将HTML文档保存在硬盘上的哪个文件夹无关紧要——只要你记得保存位置，并能再次找到它就行。
现在打开浏览器：
/ }& L% W5 e: N- c- 在“文件”菜单下选择“打开”。
- 在弹出的对话框中点击“浏览”按钮。
- 现在，请找到你的HTML文档，然后点击“打开”。
这时，浏览器中应显示“哇！这是我的第一个网站。”。恭喜！
3 ^: E, R; {6 k0 @8 }5 e如果你迫切希望自己的杰作能被全世界看到，那么请继续往下学习。乐趣才刚刚开始。
$ B, u: O6 W2 b5 q1 V% L详情请登录官方网站查看：www.itleadphp.com
}: Y7 N$ J. O. ]! ] 地址：广州市天河区天润路333号广东省建设工程交易中心东区2楼203
, p/ ?0 _( B/ g& E- B. u% Z: K. ]. \咨询手机：13631329161（冯老师）
7 T1 b5 C6 n% f, D咨询Q Q：542693734 |
|
发表于 2011-5-12 17:26:51