|
|
马上注册,结识高手,享用更多资源,轻松玩转三维网社区。
您需要 登录 才可以下载或查看,没有帐号?注册
x
我们知道制作一个网页需要有浏览器和记事本程序(或者类似的文本编辑器)。请打开记事本程序(Notepad):依次选择“开始菜单→程序→附件→记事本”即可。现在一切就绪了! , J z0 \9 E( c" h2 A2 G% U( ~
然后呢? & R0 n9 h6 l# k0 {9 d
我们先从简单的做起吧。先试着做一个显示如下内容的网页:“哇!这是我的第一个网站。”继续学习,就你就知道这是多么容易了。 + i- A/ |. |4 a4 A% ^
HTML简单易学。浏览器读HTML就跟你读书一样,也是从上往下,从左到右进行的。所以,HTML文档的开始和结束便对应于网页的头和尾。
1 g# k/ Z6 g- w/ H: C你首先要做的是告诉浏览器,你们将采用HTML语言来“对话”。这是通过<html>标签来实现的(这是容易理解的)。所以,在做所有其他事之前,先在记事本的第一行敲入“<html>”。 5 ^- a x5 ~9 A( W0 o( g( j
也许你记得前面课程中我们说过,这里的<html>是首标签,在HTML文档结尾处必须有相应的尾标签与之对应。好的,为了防止最后忘记写这个尾标签,我们现在就输入“</html>”,然后在<html>和</html>之间留些空行,用于书写其余代码。 2 }9 O, Q% a% @! }% s
下面,我们需要为HTML文档写一个“头部(head)”,它提供关于当前文档的信息;然后写一个“主体(body)”,它提供文档的内容。HTML最重要的就是简单——在这里,我们只需把头部(<head>和</head>)放到主体(<body>和</body>)的前面就行了。
" ^7 h% [/ e9 m- M/ j% v: s如下所示: 3 h1 y, U& a: J: E- u/ x
</html>
5 ~& z& N# t( @% m; u; L a2 A <head>
7 ?3 T7 q- N4 i </head> & @- r9 r- o) D- Q# w. u
<body>
, ] n4 t9 A) b+ U </body>
# H) D, W/ u& o; }# M</html>
- ~5 d$ J, L/ F1 V4 {: s+ l8 S, V注意我们是如何用换行(用Enter键)与缩进(用Tab键)令代码具有层次感的。理论上,你如何书写HTML文档,这无关紧要。但为了便于阅读代码,和保持良好的概貌,我们强烈建议你采用换行与缩进来层次化HTML代码,就像上面的例子一样。
9 E7 S: w8 n, d* V! T上面这个文档便构成了你的第一个网站——它只包含一个网页,而且内容很单调,可能与你的想象相去甚远,但在一定程度上它仍是一个网站。你可以将它用作其他HTML文档的基本模版。
' m5 R, F$ [/ W8 t7 K" n& t不错不错,但我如何添加更多内容?
. g& F7 K1 b5 s9 H6 s7 \前面我们学到过,HTML文档有两个部分:头部(head)和主体(body)。你在头部(head)提供关于网页的信息,你在主体(body)部分提供网页的具体内容。 6 p# Q- D3 i! ]" R7 B/ D
比如,如果你要指定HTML文档的网页标题(title)(它将显示在浏览器窗口顶部),你就要在头部(head)提供有关信息。用title元素来指定网页标题:即在首标签<title>与尾标签</title>之间写上网页标题:
2 G) l7 n/ b( \+ U<title>我的第一个网站</title> 3 M3 E2 [" f" o
注意,网页标题(title)不是显示在网页里,而是显示在浏览器窗口的标题栏上的。网页里显示的所有内容都必须放在body元素里。 $ q! u% y# D6 E; f( H7 \4 \, o% g
比如,我们要在网页里显示“哇!这是我的第一个网站。”这行文字,它属于主体(body)部分,所以我们在body元素里输入: ' X& x7 d! z8 \* |7 M8 N2 |
<p>哇!这是我的第一个网站。</p> ( z. e6 {- A$ N# Q
标签<p>里的p是“段落(paragraph)”的意思,也就是一个文本段落。
% R: z/ ]+ l+ A4 \+ `现在,你的HTML文档应该是这样:
. L$ W. W6 |) \& ?% [4 u</html>
9 s2 j% c. r: s6 n! w1 [3 v<head>
; r0 c5 Y L- T( E! Y<title>我的第一个网站</title>
% Z" e+ e0 |" z% T9 M* P/ q</head> . `. m9 o: y9 D& l# E% w0 @
" V, }' L+ l8 v) _6 y; f! {( I7 C<body>
- ~* N) w3 @4 N0 I' X( ^, f' [8 l$ G [<p>哇!这是我的第一个网站。</p>
! F0 g( R4 `6 T2 z7 Z, {</body> ; P! {# M: L1 ?7 Z2 Y8 \
6 ?% m4 I6 |- v% w- ^
</html> 2 u, q4 |4 B+ r
搞定! 你已经完成了自己第一个真正的网站(尽管它只包含一个网页)! , q. \# s7 f3 ~* w. E1 n
接着,你需要将它保存到你的硬盘上,然后在浏览器中打开它: ) M7 K! E0 E% N2 W
- 在记事本的“文件”菜单下选择“另存为...”。
- 这时会弹出一个对话框,在“保存类型”右边的下拉菜单里选择“所有文件”。这一点很重要——否则,它将被保存为文本文档,而不是HTML文档。
- 现在将这个文档保存为“page1.htm”(后缀名“htm”表明它是一个HTML文档。后缀名用“html”也可以,但我比较习惯使用“htm”,你可以根据自己的喜好选用二者中的任一个)。将HTML文档保存在硬盘上的哪个文件夹无关紧要——只要你记得保存位置,并能再次找到它就行。
现在打开浏览器:
0 F t6 q, [# r& K7 `5 A" `1 p- 在“文件”菜单下选择“打开”。
- 在弹出的对话框中点击“浏览”按钮。
- 现在,请找到你的HTML文档,然后点击“打开”。
这时,浏览器中应显示“哇!这是我的第一个网站。”。恭喜! ( N4 u: Z! `0 g; v+ q3 t C: A% M
如果你迫切希望自己的杰作能被全世界看到,那么请继续往下学习。乐趣才刚刚开始。 0 y$ h; O. t$ _; _0 S" G5 E( e7 V
详情请登录官方网站查看:www.itleadphp.com ; B! b) Y! i" m0 M/ f+ F7 y
地址:广州市天河区天润路333号广东省建设工程交易中心东区2楼203 ! i, B3 n. E& C3 Y& q8 s2 C+ m
咨询手机:13631329161(冯老师) & P" K9 S: C( K/ \
咨询Q Q:542693734 |
|