1,HTML常识
5 j+ p8 V- i3 o4 h- s5 V - ~8 l$ Z0 y6 r
HTML :超文本标记语言 描述网页文档的一种标记语言。 不是编程
+ A8 A. i: ~: R: j
6 M( k6 ~* n4 V# p3 D$ ~优势特点:简易性、扩展性、跨平台# T: G* v& I. @8 A7 Z' [
* q. B0 r8 l+ u. y) H, w$ E) D" J9 r
6 T: U0 w! Z; {2,HTML组成7 j9 }' L, u/ A- [# G% O! i ^
描述功能的符号称为“标记”。" ]1 t. k* X8 ?% y
如:HTML、BODY、TABLE、等。用< > 括起来成对出来。; U7 C& q7 ?+ n4 K
无斜杠标记表示标签开始,有斜杠的标记表示标记作用结束。+ l r+ `6 v- k" m) R) B- \
如:<p></p> <table> </table>
; r, U3 C8 w: k3 s8 t% Y' B3 [2 Y
o3 O+ p( w& X两种区别:
1 A0 ], l$ n6 o1 T$ ? ]8 i单标记 7 M3 A2 e9 c* F0 w9 o& S9 V N; [
<标记> <hr> <br> $ M7 z4 X1 ]2 ~6 j8 x( m, B
双标记 <标记>内容</标记>
+ W/ D; q4 _& ~有头有尾 如<div></div> <table></table>
# W2 x; T W5 F! m3 P: V1 G" v2 l9 G" u& Y+ N
2 E8 g+ I1 y# o) F" z* o
3,常用标签+ ~; s( Y6 b7 B5 j5 C* Z
5 s/ R# Y1 A" }5 W7 ^
' x! P% U* D( s/ l6 o/ i<p>这是段落。</p>
3 f" o+ ~& b i' u<p>这是段落。</p>( b# f6 B9 K: v6 J w, @9 n
<p>这是段落。</p>& J" \; u7 ^6 I7 O4 x5 a2 ^2 @. [
<p>段落元素由 p 标签定义。</p> ( N0 b2 X( Y9 y" M7 b6 R3 `2 X( u# n
2 g z! x8 ^ }6 S
<!--下面是H标题标签-->" c/ p" X, f7 ?7 @, B( ]6 H* }2 \
6 x9 a6 c; {9 Y( A& `<h1>这是H1标题标签</h1>
: l3 z) ?) ] A" ]6 h<h2>这是H2标题标签</h2>
4 e! Z- e* s9 n7 O, L7 u1 }9 i<h3>这是H3标题标签</h3><hr/>4 s+ G' r1 |# X; Z& R" Z; l! n
<h4>这是H4标题标签</h4>2 D8 k. E: F5 P- w) I' ^ O7 A
<h5>这是H5标题标签</h5>+ X1 Z! @* {; Q3 `- m) \
<h6>这是H6标题标签</h6><hr/>' [ v* L7 Z5 [( L
<b>B标签是加粗的</b>
& C; Y; N* S/ F' [
5 v3 N) Y* V9 ~2 ~5 ^! w/ [& G# Q; m; v0 y8 m3 W' v8 D, J
<!--这是一个超文本链接-->
6 `1 z8 u" u& b<p>得知互动<a href="http://bbs.dezhifl.com" target="_blank">可以打开!</a>
" I. N9 c# D" T# z7 L. s<a href="http://bbs.dezhifl.comt" >seo论坛</a>% T9 ]' |- b4 z/ M9 b- F' S4 l2 M
target 属性$ v( \; E; |7 @% P1 A( E
, w7 M( S& v: K; i6 V& U- \; g* K使用 Target 属性,你可以定义被链接的文档在何处显示。2 O! M' [- J; H0 I
3 r% g( O+ h2 a
; J3 g5 X8 g7 w/ b+ r) B$ e3 j( @8 s1 Q' {. z2 E# U
9 P6 n9 q, R* u+ a# c$ y5 y6 K
- F: `1 o1 U2 R* Q" x
5 {! L% g/ [0 _4 j7 o3 u
5 k7 Q" Z, O+ f; h* e. ]
$ I( t! q$ N" R6 M3 s- s/ ~) o) S* m9 O+ {) ]
6 W* f0 B5 S7 S, a$ Q
5 y2 s0 ^2 C* t4 t i9 Q" _
) w0 m' M( {1 K* K% v |
|