1,HTML常识
! z1 a9 B m. A* Z8 Q' `; I 3 N- H8 j5 P; f7 V% a/ Q6 I5 b- n
HTML :超文本标记语言 描述网页文档的一种标记语言。 不是编程
4 s1 D( L h, |4 _. `$ [ & T' f; }/ P1 T& i- ?
优势特点:简易性、扩展性、跨平台, k4 L* o& b) f( k c6 F Y
+ _$ K; m R7 p' W
; H7 }% \( c5 @& f2,HTML组成
" }$ N. Q+ U3 l描述功能的符号称为“标记”。
% o' L% a% ?7 V m如:HTML、BODY、TABLE、等。用< > 括起来成对出来。6 t% }5 ^ P6 M1 V. O* A
无斜杠标记表示标签开始,有斜杠的标记表示标记作用结束。
Q/ ~' x6 p. ^+ F0 C$ {. u如:<p></p> <table> </table>
% f5 F$ c4 p2 t; W l2 w9 V & ^$ U6 b* L* I4 ~# `
两种区别:5 j+ o! m, M; C1 b% Z# K7 J
单标记 ' a% L0 r5 j6 K- ?
<标记> <hr> <br> 4 k# @. X5 U1 v# W- S
双标记 <标记>内容</标记>
: ?; o) c% Q. z- e5 k; D3 D3 n% V有头有尾 如<div></div> <table></table>
3 a8 U. v* N6 J# w* o! D3 J! k5 k8 F( I5 p) @; ?
; [2 u' z) [) |5 G. D
3,常用标签
$ |. a+ L: f5 A" ^% r' W) [# o( M4 m1 i4 E. j7 b7 p0 U5 m1 B7 P' \
, ~, W$ O$ p. p" p5 S<p>这是段落。</p>
! @; T. b' `% p' p7 ?. `<p>这是段落。</p>" N0 X0 B+ U) n" C: j3 A) S
<p>这是段落。</p>
- B2 d! i. ~, T' ^" O8 c( N, O<p>段落元素由 p 标签定义。</p> 2 E( a' S+ l+ ?
0 P7 g# \; R9 t# i' I
<!--下面是H标题标签-->
( @4 b( u9 k% w' k5 C0 T
4 r+ a4 S3 [; U9 Q; ^<h1>这是H1标题标签</h1>
) R7 N* R7 c4 F; Q; S4 w<h2>这是H2标题标签</h2>* J" w# n0 C3 q" o' b9 D* c
<h3>这是H3标题标签</h3><hr/>
! p; w ~! t4 x! S! \/ `% j6 S<h4>这是H4标题标签</h4>
' V' J; A# \, W: o' J<h5>这是H5标题标签</h5>
7 y% k7 d& g3 ^8 m0 a; X* Q<h6>这是H6标题标签</h6><hr/>: }2 K5 E" r+ O
<b>B标签是加粗的</b>
) } ~1 _$ t4 X* y" z' f$ p) ]+ U" P/ |& z$ T8 V) g' c
0 ^) W$ Z/ Y3 ] x
<!--这是一个超文本链接-->- B5 T) O! V4 k/ U& S& o3 Z
<p>得知互动<a href="http://bbs.dezhifl.com" target="_blank">可以打开!</a>( `2 n2 k6 ~. ~7 X( D# m7 y0 i
<a href="http://bbs.dezhifl.comt" >seo论坛</a> I$ R8 w& a* F) ? \! r
target 属性5 v" [6 Z$ a9 ^1 F; s
+ u/ `; Q# V. h/ Q' I使用 Target 属性,你可以定义被链接的文档在何处显示。) a) z5 h I, ?( {$ g5 U
7 H# [* ?5 P1 H% w- S: S
/ Q& u8 T1 u6 j+ @* O+ c
. {7 C5 v. ^/ S! j$ E0 h: m- ~' i) O+ A( E. l
: J- F6 R' R5 Q( L( c0 i" i
, [, P1 C" N8 A: H( S4 D
1 `( d5 T9 {" }/ h, x+ m
# T2 I" G# q1 C+ k: P0 `4 P4 |2 }" {0 I* _, w- r3 C5 Z$ A! I* F
- B# u% h! Y7 S* K, f7 P) h: e
- Q6 G, q+ D! W7 C% P- J$ f. O) j) j/ v
|
|