1,HTML常识: M8 X8 u+ ~( H$ N
: g( O% ^1 J$ ^, s# r
HTML :超文本标记语言 描述网页文档的一种标记语言。 不是编程 v$ k2 M9 Q8 E* Y0 s
1 x& C, X. [! i6 J$ r0 J
优势特点:简易性、扩展性、跨平台
% t ~: q& g/ p [, r3 M
: ]9 }" x$ X; m! o8 Z! T/ ^ ; t( B) Q) k+ k. D x
2,HTML组成/ A# M( w& Y$ C. k) W2 _
描述功能的符号称为“标记”。
9 Q2 [! s0 n. n+ \ ~如:HTML、BODY、TABLE、等。用< > 括起来成对出来。
1 C. U% l% T$ u* i无斜杠标记表示标签开始,有斜杠的标记表示标记作用结束。5 B; j7 P# ]8 M% r! W
如:<p></p> <table> </table>4 Z( _: u! `% x$ `
/ ?2 t! U( X' Q C$ w! [
两种区别:1 ]/ h" Y" d( E. h5 y5 O
单标记 7 ]% P% g9 f! s& i0 E2 W
<标记> <hr> <br>
2 Z: k9 k% K" c双标记 <标记>内容</标记>" F" E7 H) I {1 E9 R( l+ l
有头有尾 如<div></div> <table></table>
/ y! L3 o7 Q% ^# Z, p3 ]6 Q* D9 I" W3 a( l
3 H8 q& U8 g" U3 J: E/ F
3,常用标签
# ^- r$ `8 X" a" e) ^7 k; x3 I- U* M
- _& R1 i H4 p+ |* a( g; E3 V
<p>这是段落。</p>! w* \1 L: R* g( b! r. { ], n$ {$ b
<p>这是段落。</p>6 x/ \ B( P) d$ o: }
<p>这是段落。</p>5 F9 ~ v. Z6 c! A$ ?' S G
<p>段落元素由 p 标签定义。</p>
( m! j: i- i. E$ \3 c1 ~9 a7 [/ Q% B/ I1 P' Q& Y6 [" `2 v; [/ J
<!--下面是H标题标签-->
) L: E" L3 Z6 Z# {5 e. n% T
) Z* l1 m& j1 L2 S6 S<h1>这是H1标题标签</h1>9 m# N7 ?3 \! Z. n; m
<h2>这是H2标题标签</h2>
1 H M9 n# h" ], l0 Q' d4 l; Q<h3>这是H3标题标签</h3><hr/>/ b9 ]. ]2 D7 ?$ x9 Z% y
<h4>这是H4标题标签</h4>/ @, Q. y( C- B/ k0 x& ^1 T
<h5>这是H5标题标签</h5>
$ \" i+ ^4 t0 ~# c3 h$ M! v- v<h6>这是H6标题标签</h6><hr/>
% _; n W0 R% m, F8 f# e<b>B标签是加粗的</b>
) a# R3 U: u% ^4 q! {& l
7 k" L" @1 }& G1 e+ R$ D( a
- [1 f7 `$ F% m% D" f; m+ M4 R<!--这是一个超文本链接-->1 E |3 k. W6 m0 O
<p>得知互动<a href="http://bbs.dezhifl.com" target="_blank">可以打开!</a>
2 j9 d% f% ~8 c: T! X2 L9 j4 h<a href="http://bbs.dezhifl.comt" >seo论坛</a>
! M- ^5 \' m2 Y6 ?: y: \ target 属性
* _" b' n- c" @. M
5 k' g1 r6 S9 Q3 q6 n使用 Target 属性,你可以定义被链接的文档在何处显示。
. L) r% T0 d6 T1 @; d G: ?3 s" r' X7 _7 x
+ `5 s+ `( o' A) _
) G$ q% P: [1 n5 u+ }, ?1 {% a
: R0 f7 J, h; q7 O' _9 D u$ g: i% S" A
" R7 `$ t% S+ f. i" u) P
1 }" z7 V7 g M v. n
6 Y& d5 i" z1 y' C4 F7 w9 _( t
% y9 x$ T! W3 @3 q' W2 l6 j6 S
$ b- Q0 z0 F: ^0 s. D* ]4 ?
' T$ k k" l! c
: c2 j9 F3 G5 I" s/ [ |
|