1,HTML常识
% T" T# Y0 t7 I5 U, z7 V2 O8 L 8 ` D+ G( K; e% S7 I) w) @
HTML :超文本标记语言 描述网页文档的一种标记语言。 不是编程" v6 R% J/ l1 Q, I4 Z6 M
/ t7 b! e+ y6 U# F优势特点:简易性、扩展性、跨平台7 J9 l) ?4 d, p! U4 \
, ~+ Q7 P9 B7 C- u" W, \
( A# O4 [+ w$ T% {- X5 R
2,HTML组成- {+ _3 z# ?" q& z6 A1 i6 V
描述功能的符号称为“标记”。
! L& j0 d; B# y0 G* D0 b% G如:HTML、BODY、TABLE、等。用< > 括起来成对出来。
0 @8 d+ ?, ]4 ] c) k) l无斜杠标记表示标签开始,有斜杠的标记表示标记作用结束。3 t& a; ^/ X7 l8 m0 h; u# Y
如:<p></p> <table> </table>
4 J) Q; t. \# {, n, Y. ^5 D, r 9 u8 \3 H$ R" d {$ a
两种区别:: B L0 O4 c6 X" v
单标记 6 ]5 J8 l9 z" t4 H) D
<标记> <hr> <br>
' z2 r4 z+ M4 S7 r双标记 <标记>内容</标记>
, j f2 {1 e, u. [有头有尾 如<div></div> <table></table>7 C: j6 F! T' H# h
5 ]5 i; U0 c& J
' P$ N4 N+ d' h. w+ F3,常用标签
% S/ X5 i/ o5 y/ d) ?3 C' E
: V/ X4 g" z# p& t) {% p 4 u- D# @2 I4 N4 V
<p>这是段落。</p>, |" O/ s: f6 G5 {5 ]
<p>这是段落。</p>9 E" [1 u4 L5 k' L, W
<p>这是段落。</p>
6 E$ a% U B @* u<p>段落元素由 p 标签定义。</p>
! |; J" W1 r0 _
/ b7 A B2 o6 Z$ G) M% B- F<!--下面是H标题标签-->
' g2 p) I& l" X! _2 k
7 _$ D7 I: B2 ^7 W7 H# m9 n6 e<h1>这是H1标题标签</h1>
, k( A+ X- H9 t( r# {4 ?, ~<h2>这是H2标题标签</h2>
9 R8 t1 \7 R$ h( `7 m8 _* _<h3>这是H3标题标签</h3><hr/>9 O- P! n5 ^5 ^( v. K
<h4>这是H4标题标签</h4>1 H) V/ b- z/ f Z% z8 A8 }
<h5>这是H5标题标签</h5>, U7 _) n5 Z! y G9 L. [& d) a2 h2 b
<h6>这是H6标题标签</h6><hr/>6 S" G3 @8 [5 m$ D
<b>B标签是加粗的</b>
3 |6 _. x7 Q( u0 v& `% {1 K$ a4 d* @# x3 C4 m3 A
, z7 c# Z! r( W0 L: {$ I<!--这是一个超文本链接-->+ b# J# Z! V7 U& B1 ` Z, v4 T& X$ w
<p>得知互动<a href="http://bbs.dezhifl.com" target="_blank">可以打开!</a>2 f7 O) K N% X- O
<a href="http://bbs.dezhifl.comt" >seo论坛</a>
; p+ R7 T( d7 C/ S7 L2 v% o target 属性. q5 S3 X0 X6 |# L
$ `6 C! g) T$ n2 j6 c8 V
使用 Target 属性,你可以定义被链接的文档在何处显示。
: ]& i) l0 X' d0 R2 R' @5 w& ~1 k( Z+ g0 B3 J
* P0 K8 l9 |* s
3 r8 t+ c9 e$ F0 M+ s, Z8 w/ L
6 k# M$ b' s4 X+ X# ]! q
, m- Y" Z9 c# G
) J% l& A+ B9 B9 C+ W5 k" H: M
% g |8 t8 N _* v' B. V7 D' \
5 [# s/ |% |" k0 ^3 C# a# F5 T1 Q, n
1 H6 J* X# z6 I. g2 c. V/ W
% V0 d$ p$ |: l% S2 R C4 ^9 Q( v
- {1 d+ C4 ?( H/ N
|
|