4、段落──用段落構建你的內容
_; h7 D7 \9 ]8 s3 Q' @, U, N% A/ o/ E- W9 y1 ?
現在你的HTML文檔已經有了基本的框架,你可以來「胡搞」一陣子其他內容了 " [: l+ N- s. c: r" R
& k9 X, `6 w- B7 P" |; j. e0 m% T7 D
回到記事本,按照下面增加新行:
2 b4 t; x( \; j+ \. m. V9 R: t9 Y& {& z* C$ F: w
9 L# l! }1 A* H
2 N- w) E) `# K! P Example Source Code [www.cn-webmaster.cn] u" }# f2 p0 Q! R2 D4 }
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" * E- o6 c2 }( {
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">" c& b: O$ ?' F" Y$ U: o3 h
<html>
, E. q* Q' O& w6 b! g2 Y<head>
, @1 n" S# y" w% k( u x<title>我的第一個網頁</title>
4 s) T: Z1 ~3 N, b- F) T# ^" Q</head>. C4 m7 O& K' k% y& {$ x. c
<body>
; k. `/ S; u" ~2 L( K% B5 B這是我的第一個網頁 多令人激動: L) l0 l) W# ~+ e/ Y# B7 N
</body>
# w# Z: {, E, V# i/ I7 K& z% v</html>4 I" r. s2 g. I1 b+ g, A) b3 r
! y& R; X( j) P4 {8 ~7 T2 D接著用瀏覽器查看一下。
4 i' u( q, b8 m0 O) B/ [ h7 K N3 L# q0 ]* I
你可能期望你的頁面展示出像所你鍵入得一樣格式,分為兩行,但是你會看到:
0 G; a2 k$ g$ F' e
4 X" ~# J' k! Y G
1 c. e# F. g) g9 Q- S1 f$ u/ r0 c: T Example Source Code [www.cn-webmaster.cn]
l: K; k; V4 l4 I+ n5 x# L' a, B, j這是我的第一個網頁多令人激動& T6 N& G: h/ r: q" M
$ s2 u/ {* t2 G6 _$ h P" q9 s這是因為瀏覽器不會關注你的代碼是怎麼寫的,也絲毫不關心空格(就算你鍵入「這是我的第一個網頁 多令人激動」,結果還是是一樣的)。' _9 |7 P/ T2 f9 p& d: _) R; ^. L) N
2 b7 J% t: j. e- q! t1 v3 \要文本以不同的行來顯示,你必須明確地指出。3 \& T! B9 d9 C1 Y" `; a* }! N
/ }- C# M% t0 W5 x1 d4 w7 N按照下面改進你的代碼:& m$ B i ~" q( f5 Z4 E: }
" @; p% V8 V- q* J9 k6 A3 S* ^- o! `+ _, ^ k9 q+ q! U. M- E
Example Source Code [www.cn-webmaster.cn]6 @) f& Y& K9 V6 T5 {
<p>這是我的第一個網頁</p>% x: `* f: ?* J+ l9 ~9 w2 M
<p>多令人激動</p>; r- U- }% \" A F3 C1 _& u2 O6 x
5 K7 G0 m6 H) z, P
p標籤代表paragraph,即段落。0 \9 V) i# ?9 V# ^2 [
) _ s% @( K. X( i4 ~& M& k# J3 x查看結果,這兩行終究以兩行來顯示。cn-webmaster.cn8 l& a$ O' k7 _
$ Z' w0 o4 H8 s7 Z3 f
HTML文檔的內容應該跟書籍或者文章一樣,在適當的地方應該劃分段落。
0 d" n x: y" x4 E1 D/ p% b' p7 H/ Z! t( b, u# t! v+ [' _0 n
強調- E o- M/ Z3 Y6 G/ z3 D
8 b) A2 R. W6 y. v- }* b
在段落中你可以用em標籤和strong標籤來強調突出文本。它們都做幾乎相同的事,儘管傳統上瀏覽器會以斜體來顯示em,以粗體來顯示strong。- Y9 x8 ?# C7 b b
3 g; \5 ?9 A. A+ W4 [) e3 I
* O0 r. ~( E/ ]3 m1 X* X: S" O
Example Source Code [www.cn-webmaster.cn]8 ]4 C X* U3 C8 ?2 L
<p>是的, 那個 <em>就是</em> 我要說的。 <strong>多</strong>令人激動</p> ; L( x1 a5 j* c$ o& R; Q8 w3 P
, [+ O3 P3 y, K% T9 ^7 P
換行0 f" \% C, z1 a& j/ r" q0 i0 c
9 f- v" j" m- c( J- N0 q& \2 H換行標籤可以用來打斷成兩行,像下面:) q4 \% s8 d `- h z
5 q- b' s G# O# N. x
, k: P$ R- |7 I) t
Example Source Code [www.cn-webmaster.cn]( ?, R! Q8 @6 @6 M
這是我的第一個網頁<br /> 多令人激動 * p: T* X* m* D' o$ K8 d1 }
$ y, Z; w7 u1 \) P- A
但是,這個方法已經嚴重被濫用來劃分段落,它不應該使用在預計分段的兩段文本中。(是什麼結構,該用什麼標籤就用什麼標籤,不是為斷行而分段或者為分段而斷行——譯者注)& t$ C, I( N$ o/ [4 i2 O
& P; h5 y8 e! d6 O$ r
(因為沒有任何東西在換行標籤之間,所以沒有閉合標籤,它是用「/」在br後自閉合的。) |