1,HTML常识
$ I4 m$ q. C& \% ]0 k. s3 f5 c6 ?
/ ]- j7 @/ t8 z T* }( t8 xHTML :超文本标记语言 描述网页文档的一种标记语言。 不是编程/ {; i, h7 }/ J" l
. j: c m, W* ~' K, {8 E优势特点:简易性、扩展性、跨平台
' z5 y f' o M5 i& `
' } l0 I; L& Y' D* w% B: k 2 ]0 G7 J& i0 S) J
2,HTML组成
% T( c+ d( k! L4 N* _6 X; F描述功能的符号称为“标记”。
- N. b, O# r9 I6 X u. x. o如:HTML、BODY、TABLE、等。用< > 括起来成对出来。, w; B1 A) ^3 y* N; V5 s
无斜杠标记表示标签开始,有斜杠的标记表示标记作用结束。8 z) H, E: b% N. @
如:<p></p> <table> </table>
5 r; S7 C7 k% z5 `3 c6 C' H% Q 3 q8 j4 E, N0 k* V; T; \; f7 l) T4 a
两种区别:
9 R9 @0 W8 `, A" u \* h单标记 " X- Y) ]/ J+ ^4 B
<标记> <hr> <br> 7 Y; l7 J' [/ z8 `; r
双标记 <标记>内容</标记>2 y: m% f. {) ^3 |5 [6 b
有头有尾 如<div></div> <table></table>- ~, u* f- `' y2 B, C" h/ y
8 z8 j- ?! |+ V" \* O
9 g9 a: G5 n' K% ?6 N& c
3,常用标签6 P' Z' e- C# N& U( k2 {6 U J
* g8 O- g# w8 b$ h( ^1 g% h
0 D( b4 c! \8 }5 d<p>这是段落。</p>
2 w$ ~4 G6 L0 L# T<p>这是段落。</p>1 g5 `5 X. O+ }; n" D
<p>这是段落。</p>
: ^( E9 n/ T0 C5 i( [( v( j6 S/ B<p>段落元素由 p 标签定义。</p>
0 b0 }, O- G3 s* ?
( Q# j5 m$ p) u# f/ {+ k<!--下面是H标题标签-->
$ C% F3 I& Y1 y+ g; p3 t5 L3 t4 M( o: ~" V3 b9 P
<h1>这是H1标题标签</h1>
# \* [8 |9 B% h2 P<h2>这是H2标题标签</h2>* X8 X: [7 ^% c- c; Y4 I
<h3>这是H3标题标签</h3><hr/>0 Y# h% I D6 X
<h4>这是H4标题标签</h4>6 S% P% G8 L7 J
<h5>这是H5标题标签</h5>& M8 ?4 C7 q! Q
<h6>这是H6标题标签</h6><hr/>
" z8 R: J O; B t/ v- L<b>B标签是加粗的</b>, b6 @. [8 s7 e5 J( |
: Z7 T9 `6 b A8 U+ v9 k, O$ q
, }1 S% o! P6 X- Y% J3 ]$ t<!--这是一个超文本链接-->; m% U- Z) }& [) N) w
<p>得知互动<a href="http://bbs.dezhifl.com" target="_blank">可以打开!</a>8 i4 u3 l" C; r
<a href="http://bbs.dezhifl.comt" >seo论坛</a>
- g/ ?3 h: U7 s2 X# o target 属性
: Z6 c- F% c- @+ _( t " r1 v6 A2 k4 i9 w7 i! Z9 K) I
使用 Target 属性,你可以定义被链接的文档在何处显示。
2 ^# I/ |8 |4 r T2 ]5 o7 c
. O7 V% j! i* Z3 B# o2 ~# t! T
3 |3 R& x3 R. {1 N. I P
% b, `3 v# Q/ |1 X1 `; |
- N& y0 z O v$ {. R. d) @3 s, N. V2 x, |! A7 G2 |! y
- g4 v8 }( Z1 t- T( k3 i) c$ @) h Q: }$ R) M6 |
5 ?) }6 y# v$ |+ U
& N" t+ e/ ]: }' ?. _
4 Y2 a! @6 F6 ?1 N, A9 o) S4 g! n8 i7 [) R. d
7 r1 P6 p4 M$ ]8 C/ {# R% t |
|