1,HTML常识+ A+ Q1 x+ x" M8 z w
7 |8 @! J- o6 ]% l3 U% W+ z i3 C
HTML :超文本标记语言 描述网页文档的一种标记语言。 不是编程
, l0 c9 @0 N& ^! m; n ! a% k; E4 f0 i; R: i+ ?- r2 v
优势特点:简易性、扩展性、跨平台$ ]+ t+ q4 c* n. F
- o2 W6 r; o+ L6 U% Y2 e& L0 d
% ~9 \* u, q" g9 ]$ c7 {2,HTML组成
O7 D/ Z% h8 P" E描述功能的符号称为“标记”。
/ u5 v# m: j, u. j如:HTML、BODY、TABLE、等。用< > 括起来成对出来。
( I& N9 i" c" F. X- z6 k, H无斜杠标记表示标签开始,有斜杠的标记表示标记作用结束。# M t1 k3 c, J" E/ {
如:<p></p> <table> </table>/ P9 Q# H/ A0 M1 O8 p
) z# {9 R5 r' A" J两种区别:* e0 K+ A* c( `& e9 \" Y( r2 N; I
单标记
6 q! S3 E: D+ U$ W: E3 d<标记> <hr> <br> 8 J3 ^2 L3 ?2 G2 f, J- N s7 O
双标记 <标记>内容</标记>* f0 J2 P& [6 Q7 h' ]/ f, t
有头有尾 如<div></div> <table></table>
5 @$ L# w: m6 ]$ ^- m& m b- S, ?
$ Y9 c: o; c0 |/ \7 u3,常用标签
& U5 k1 y7 {$ j7 e9 N; Z5 X7 W- D$ Q9 u* {! Y
8 T' b5 ^. d% h3 O* d O; }/ S
<p>这是段落。</p>/ v1 U! T c0 G/ z% o* p; r( M1 V
<p>这是段落。</p>
; ?' m$ g+ n T- Y<p>这是段落。</p># W a; h6 e% [# m6 W
<p>段落元素由 p 标签定义。</p> / c& u; m X- X0 A
! q) x, D5 Z( o4 I1 @5 G7 T, s4 q% W& o
<!--下面是H标题标签-->+ M2 \7 c, G. M j4 n H; c
( o# e6 \3 C% e; A/ I
<h1>这是H1标题标签</h1>2 o4 V' a1 p, t C4 ?
<h2>这是H2标题标签</h2>
8 O% v; `3 r2 p( z<h3>这是H3标题标签</h3><hr/>; O U: {% d; e" j9 F0 v
<h4>这是H4标题标签</h4>( ^) p, L3 R7 n5 V0 R
<h5>这是H5标题标签</h5>$ l2 K4 a, M, o
<h6>这是H6标题标签</h6><hr/>
9 g d: @" t3 f4 E: N" \0 }<b>B标签是加粗的</b>
, f* @ F1 v1 Q$ h/ L
/ H' m" H! E) G& Q0 p& s. a8 @. _/ O& W3 y: W0 O3 b
<!--这是一个超文本链接-->6 t; i# l; k/ Y
<p>得知互动<a href="http://bbs.dezhifl.com" target="_blank">可以打开!</a> o, v. A, c! o3 n- n0 F/ S: y% w4 i# R
<a href="http://bbs.dezhifl.comt" >seo论坛</a>
: }) x- T( d( n5 I3 b target 属性
4 d# h7 m; ^* \8 X. ]" A* `
1 M& W4 f9 q8 Y使用 Target 属性,你可以定义被链接的文档在何处显示。
' D! a$ Y" h6 O+ K/ B0 f( p, }7 P: O& b" \
( R7 U8 t* m2 G) y+ f" Y5 R& ^# {) Y* Q& U& ?3 Y" T5 ]% q) Q
# }" Y- A: w0 o: C' u, I* F
G; v2 W6 H6 c3 r
# \2 W u+ M1 r+ Z3 w6 n' s
9 |. l4 m. |$ p9 ~$ j8 L1 n6 u
- x1 Z$ }3 Z9 [0 b; j/ u7 N
# v- e* m. w) d
: Q% P1 n. a* o, D+ k
6 j# `3 [6 k; @% Z: k" A; |- g' Y; V7 A8 m5 p$ K. Q8 j, h# {
|
|