1,HTML常识
4 E7 i, r. G5 e+ F" w 2 v9 @/ v9 B5 M& q0 o/ \& m, M0 @
HTML :超文本标记语言 描述网页文档的一种标记语言。 不是编程
+ h% B' _/ v! R5 n# B3 b7 D
" e3 r4 Y4 \2 y8 h( j6 g( q优势特点:简易性、扩展性、跨平台# A5 k1 n/ m) t0 s0 |+ x) V8 c9 N. a
) ~% e1 z# d9 Y, M
/ d# S* E# g0 a- `/ l" z5 _2,HTML组成
: q8 J+ g M8 _; f0 q8 g6 t; O" P1 ~描述功能的符号称为“标记”。
2 q- F( A: O! Z2 x! ]. T' ^如:HTML、BODY、TABLE、等。用< > 括起来成对出来。5 \# d. z2 e8 C B$ N5 m
无斜杠标记表示标签开始,有斜杠的标记表示标记作用结束。
, r5 S. t5 v: h2 G. t1 a, l如:<p></p> <table> </table>! l5 r$ t3 t: k+ K; ]' u! W
. l8 _! A" S5 T7 S/ K
两种区别:
3 }5 n @$ i9 X* C单标记
& X4 B5 X% E- _<标记> <hr> <br>
+ `& D$ s6 p9 ^( h/ D' b双标记 <标记>内容</标记>2 n& r- Z0 `8 D
有头有尾 如<div></div> <table></table>
1 w8 [- ~ n% _; g4 V0 o6 T3 _7 l1 Q& X" ~, @
' Y! }$ A* l5 ^, D
3,常用标签1 `( K/ s% g* Z. r
1 s$ p! P V5 o) [6 v4 d
; p+ K) v; }2 [- I6 x
<p>这是段落。</p>
" u: @4 l6 O+ X2 O$ t3 j0 }<p>这是段落。</p>6 b" I c A" @7 @* G0 _7 n* c
<p>这是段落。</p>" }, Z ]( _# z1 P
<p>段落元素由 p 标签定义。</p>
7 Y( Y6 P0 F' ?9 O H+ r
$ F0 v6 k" z3 U: B# u<!--下面是H标题标签-->& n" k# L3 O5 ^/ n+ Y, x
4 F9 K* Q4 x+ T/ ]1 T8 D8 J<h1>这是H1标题标签</h1>
" Q* S7 R7 Y0 v<h2>这是H2标题标签</h2>) t. r- n: h/ n0 [$ H2 {; G
<h3>这是H3标题标签</h3><hr/>) Q3 T3 o' }' k. f o# N
<h4>这是H4标题标签</h4>- q; ]) A4 y8 P V' B
<h5>这是H5标题标签</h5>8 e* [7 e3 A. s/ \! `- G) O+ O
<h6>这是H6标题标签</h6><hr/>+ G- ^" H- c" W+ g' i4 T
<b>B标签是加粗的</b>
5 d1 N. a! j1 m
' U, J z* \4 e# l; W( }- I& ~: ?- _1 ]) I2 @/ K: P- q
<!--这是一个超文本链接-->) o. L: N' Y5 e7 |3 m
<p>得知互动<a href="http://bbs.dezhifl.com" target="_blank">可以打开!</a>3 ^7 r1 g% A% c
<a href="http://bbs.dezhifl.comt" >seo论坛</a>
O4 H6 L8 t- m F target 属性% a: d- c* T& n* U4 T
" M; z* }+ Z8 C- _使用 Target 属性,你可以定义被链接的文档在何处显示。
, Z' y. s( E% h. m: T% P( z/ S7 K) o" R$ n& Z- i9 k5 N, Q
3 w& e. D: ^( s& _
7 D5 _ }+ E: y: [
2 z3 E6 \5 K' F7 S" \' U. r6 A* R' P: P9 n6 y
J6 D5 J& q1 I6 V" S
/ H8 x6 Y) {8 Q5 I1 c& n3 Z
$ z7 T8 {; p* t/ Q1 P$ Q
! o5 k. Y$ [1 {
2 O, d" {$ s3 y6 {, U
/ w q, P* i9 V7 p5 @3 K# k k( u/ y8 M- l% T
|
|