1,HTML常识
9 @$ x, Z% |% Z* y : G9 \* n9 p, i0 f- a! }9 F
HTML :超文本标记语言 描述网页文档的一种标记语言。 不是编程
- a- s; U5 H0 u6 ^) O" L) V
/ o& |. }$ E2 r- Q; Y: c& G8 Q优势特点:简易性、扩展性、跨平台; Z! ]9 g5 Y! k0 L% Z
( V) h$ b8 Z" C' g* F7 Y- X # [% \- K6 P9 u
2,HTML组成4 u# O+ J& w( G) X2 V$ ^, o
描述功能的符号称为“标记”。
8 g$ D1 I( m5 n+ W+ e; ^6 d" ~! Y如:HTML、BODY、TABLE、等。用< > 括起来成对出来。2 t: I+ y: m- r4 B( r0 D
无斜杠标记表示标签开始,有斜杠的标记表示标记作用结束。# U5 E, B" K2 ^, u, d9 G8 V, s d
如:<p></p> <table> </table>
8 W3 d6 T0 B) E+ K/ b 8 w5 e; u( `/ g$ X5 Y# x) F
两种区别:
`* F* q) d4 E6 b$ z& y0 m/ j单标记 9 P8 v& l+ p( g" b$ G6 K
<标记> <hr> <br> . O3 x- p2 e9 }
双标记 <标记>内容</标记>
& E7 p! L3 @$ A有头有尾 如<div></div> <table></table>
8 v5 s) Y! P, M& g: k
: Y7 h" Y9 d' o0 w 6 D9 p" m {$ J# F4 A$ b
3,常用标签
- ~" F9 w6 |6 u/ p$ D6 s2 z$ i4 \, k, }" W* \, G
3 M2 N& w5 H; P( H# ^<p>这是段落。</p>3 x5 Q6 P4 O {" g( D2 O) A
<p>这是段落。</p>
m Q3 n. l& f I2 w& ~6 W<p>这是段落。</p>9 E4 k J$ b \2 x5 c- }# f
<p>段落元素由 p 标签定义。</p>
$ C, ~1 Z( a7 V
" i h+ @) u4 K& X& O<!--下面是H标题标签-->( |( g+ s, u& Y+ L9 [
; w" l( z8 t' I' Q
<h1>这是H1标题标签</h1>
+ R3 D$ S7 t9 w3 ~ t8 a& `7 ^<h2>这是H2标题标签</h2>
& v1 t8 Q6 _! O. M; b$ T& ^<h3>这是H3标题标签</h3><hr/>. |$ ~; r- y9 [1 P8 B ]/ m5 o$ P
<h4>这是H4标题标签</h4>' e6 B! e- V2 A7 y
<h5>这是H5标题标签</h5>5 }$ l k: ?0 m5 s
<h6>这是H6标题标签</h6><hr/>
: [" }7 Y# D5 ^( w% O% g<b>B标签是加粗的</b>
6 l8 a* Y8 {' y: I8 D9 W9 t# t' L ?# ~% e4 i
, c' z) c3 L8 j$ H<!--这是一个超文本链接-->4 [0 W, O: ^) z1 L
<p>得知互动<a href="http://bbs.dezhifl.com" target="_blank">可以打开!</a>4 A* R# C% U0 ]" E ^& V
<a href="http://bbs.dezhifl.comt" >seo论坛</a>: a7 f y: e, V! M" w
target 属性7 k* b3 A7 R# @$ l( A* b+ W
' {' i2 T9 Y4 |1 n% ~使用 Target 属性,你可以定义被链接的文档在何处显示。3 _5 m# ~ Z# w1 p% [/ a
5 {5 K( @+ D. w k- _
8 B5 B1 p# Q8 P% _0 U; {! V% y3 Y& j# y `
% p: @) ?: O0 o
( v: \: L: V3 W1 Q$ r
y. v) Y3 A2 {8 t, i; _
( `1 ]4 O& z5 }. A. }' E, B
7 M" _7 ^( q! h, w5 i! K2 c& {) K
1 b$ u+ f, G1 K; p/ l: S3 z9 J d, x$ V( d2 y4 s3 i
* I) s0 D7 ~/ h3 g: s
|
|