网页：
$ \( Z/ _$ v. ^, z% x- m查看网页源代码：
1 v, e* ]9 j0 Z4 H) r: Q: [$ x/ B& G2 t8 y& h/ G
(查看整个网页的源代码)
9 r& c9 x) U4 R# a1 O; s8 Wa、鼠标在网页空白处右键--->查看网页源代码3 C" n) m. u- W$ |% V6 i3 E" Y
b、页面--->查看源文件（IE浏览器）. s6 o& Y! h" t# B+ j
" g& ~2 d7 f$ L% I) R
（查看某一块<某以元素>的源代码）
' M" Q+ p3 a! b" j O" v; v$ B按F12调出网站开发者工具，点击左上角鼠标，再点击某一块(某一元素)
. u( A+ u9 ?* h* I* K. y i& R. L* ?' y
8 ?: f* W0 \/ O' h: Q/ o8 U: _HTML（Hyper Text Mark-up Language）5 M1 o. }" x( H3 C# C
是构成网页的主要语言（CSS,js）
+ ]% t. U' ?0 w+ `/ n- ] p2 c
$ a& |8 |$ Q! m2 @& DXHTML：应用最广泛。
0 V1 K4 w/ K9 R. J1 lHTML5.0：最新。8 A9 U( Z( U8 \8 l: {
: a% k) o, b& B) V; t, J8 iHTML扩展名:.html或.htm2 i+ Y6 \" l; H5 N5 x
建立第一个html文件：0 J6 v/ S& W: |' M. ]4 z2 |: P
1、新建记事本
4 t. q, O& H6 e/ {7 y1 D2、写入代码
& V8 z6 a1 v! m3 X3、将文件类型改为.html8 \- h& j. z. t/ U5 Y. O
4、用浏览器打开文件。
: _, n6 Z& _; [（如果要更改编辑文件，右键文件-->打开方式-->用记事本打开）
# f }' j4 m( a9 o: @
$ U; N6 a H1 G: Z5 LHTML构成：
' A+ c0 _+ y# Z l# k" @5 F1 E2 j1、以<html>开始，以</html>结束
/ V t+ H; E5 Q5 ]- J3 W& C$ \2、包含<head></head>与<body></body>两部分。/ l3 E7 B$ W/ Y
3、<head></head>里的内容是网页的属性和类型。
3 x' h* M8 B) \* b" e4、<body></body>里放的是网页的主要内容。( ~5 _5 u f/ U2 o. z
$ m0 Y+ Z( p1 g( w0 N0 e, K d
HTML编辑工具：
$ n8 d6 }" ^: L7 w! W1、记事本
, Y8 s1 T, e1 }* _/ `6 v9 z2、UltraEdit# d6 N# ?/ E/ C9 t/ k' o% O7 n
3、Dreamwaver（最高级）
, P6 h/ j" R; L# V
- s/ ^, X7 P5 m+ N" [<html>基本标签1 \) n3 e- j+ b
; W& A @& ]' H: |$ J7 P<head>部分9 W! x* l6 [ c+ o
1、<title>标签：网页标题2 r2 U& h+ a' ]+ a; F. a3 Z
格式：
9 c# h: h. `' x x6 Q<title>网页标题</title>
: Z# b" M! S/ k$ U5 @2、<meta>标签，用于提供网页信息
( F0 q! L3 [% f/ X7 }/ j# ^. E( b/ Q" A8 K2 q6 N( u7 l
a、字符集，编码，charset表示(gb2312简体中文字符集，utf-8全球访问。)
- q! O, K& }( z+ ?<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />3 t- M4 g# j; A
' u5 N6 o; g; E# h+ l- i3 zb、keywords，用于设定网页的关键词，
% m9 b4 l% M, o$ j8 X. L( n<meata name="keywords" content="关键词1,关键词2,......."/>
; _/ N* P: L" ?" U9 y4 S( I9 p- x& v) @; `2 h* Q5 z
c、description,用于描述网页的信息6 }9 t3 u, f$ ^$ a& r
<meta name="description" content="描述" />0 I! b7 u& ? s2 _: c4 \
( Z B1 Y4 x9 L4 d
<body部分>
* V! B' i8 O7 F! \3 `, }6 `<h#>
% @9 i O- @2 [8 t<h#>文本</h#>
/ a; m7 r, b- N3 g1 d1 m; N#用1-6代替，数字越小，越醒目，一般用在标题。
9 P% s; |/ E5 C* q# z6 h
( X2 \8 q% b9 K. p2 G<p>
; S" S. b, H6 I<p>一段文字</p>
+ t( s/ k1 `0 ]* r' e/ D3 K, Z用来定义段落; _8 X& W, A; R r3 e& b
% C0 y+ @# `5 l- n6 ]) Q9 `<br> <br/> <br />& N3 s# b. U1 ?) Z: T* P; r
换行
( H" A) d/ g. \1 _ q& z, o6 _
<strong>3 G7 M2 r4 K7 n' o: g
<strong>要强调的内容</strong>- W; q0 o1 Y! ^ d0 |
8 \2 C; z" p r8 N<img>+ K H) N, O N
图片标签; B- q) {4 |( @# D* ]" A9 m
<img src="图片地址" alt="描述图片的内容" />
7 y) Y) @. H3 [
1 @1 |. t2 |7 v. v) ^9 w, l2 [1 I<a>
1 _. c4 [9 b/ a m/ C) v" G) e1 p超链接标签。" X% `: y& Q) U% A! p. L `
<a href="所要链接的地址" target="_blank或_self">网页上显示的内容</a>
; M7 q/ C/ _7 j) d0 P. ~. t) ~ H, F- A+ `) x* s/ M
_blank:在新窗口打开
- A* A8 U0 g1 r_self:在本窗口打开
2 p; q9 p/ I1 E D, U; i6 h( ?% K$ ^8 q% h0 y x3 n2 P. F! Z$ G) W; U
代码编辑规范：# S" i. Z4 G# l& }; \1 H" x
1、所有标签小写
$ [ w* b N7 H2、不要忘记标签闭合
0 o$ [+ a4 H6 m1 O3、标签正确嵌套。1 ~8 ^) K/ | }; T! J
4、属性值加""
0 Y3 P" E: ~0 Q更多请关注快速排名推送者，网站七天上首页$ ]5 B* M: O1 {0 q; T
; Y- {" V R# n% z |
看到0回复的主题马上点开，粘贴复制要一气呵成，这就像开车，要油离配合。最后要有坚强的抗压能力。
