网页：
0 S% n7 |* P) Z6 a4 p查看网页源代码：
$ Q5 W% d! r7 g2 i
) a) ]% X9 Q' \2 [2 J+ X$ R5 v(查看整个网页的源代码)& ~. F# m M7 Q
a、鼠标在网页空白处右键--->查看网页源代码
: ^8 ~7 N* \! z0 Fb、页面--->查看源文件（IE浏览器）+ ?. J4 n+ f' c1 |7 r
: Y* _/ D7 @, L! k（查看某一块<某以元素>的源代码）
. r. M8 k6 i: {4 W _$ m* \3 i按F12调出网站开发者工具，点击左上角鼠标，再点击某一块(某一元素)& h9 v9 _7 \8 W% D+ B
2 {7 G& ^* T1 |# L e6 gHTML（Hyper Text Mark-up Language）6 Y' R0 U6 ?* Z* e
是构成网页的主要语言（CSS,js）9 O+ s$ e. F2 ?' k; q+ b
8 q( |; O' B+ l( Z
XHTML：应用最广泛。! E! h) j' @, \7 I/ _
HTML5.0：最新。' O2 t/ c) w" E8 f j
$ ~4 h! W* r$ M7 \
HTML扩展名:.html或.htm
( {" E( ]* p O+ f- ?建立第一个html文件：
) Q) e9 Y1 E X% v6 H* s1、新建记事本2 b3 X+ Z( f" b! w' J7 m
2、写入代码( D* M1 q3 `# z, ]; S# {
3、将文件类型改为.html: V( C. L) S( F7 O1 B/ Z9 e4 z
4、用浏览器打开文件。
1 Z* J7 G! C* y+ A3 O8 y- S; _（如果要更改编辑文件，右键文件-->打开方式-->用记事本打开）- k- G3 p" k5 w# f8 x7 B
2 }# @+ g$ \6 K2 T/ `
HTML构成：
+ ]% ~4 j- n( C6 \. Q( X" t5 T% O1、以<html>开始，以</html>结束0 C3 o: T7 `. T& k
2、包含<head></head>与<body></body>两部分。- d5 U" V% \8 w2 @$ u$ f& L+ X
3、<head></head>里的内容是网页的属性和类型。 u. W! c4 p* }* p% ^6 u. T, b
4、<body></body>里放的是网页的主要内容。! B# b9 j7 e, s4 i: H
' A. ?' H* U+ c5 ]$ r3 d" P4 AHTML编辑工具：
5 U/ q2 p( {$ I, D% d# s* R1、记事本
2 \: }& z# ]& k& U2、UltraEdit* C% |8 G0 J' y- z1 T3 ]0 e& Z: j4 V
3、Dreamwaver（最高级）
/ F5 }- K: |* w0 e0 F. Z3 F) d
' d: f! R8 ?% W. r<html>基本标签2 ~' U) u& U0 Z* V+ f( D
% _9 F' T3 w7 y9 F<head>部分' P" @: y% z% ?5 a
1、<title>标签：网页标题
6 l- q0 Y0 B$ ~. J" w' {: H格式：5 [% i# R1 l8 G& |
<title>网页标题</title>
2 E. t9 @) a& u7 r) g2、<meta>标签，用于提供网页信息
5 S4 [, F! S @; k+ k
4 F/ U, s \/ k9 h F, U+ ya、字符集，编码，charset表示(gb2312简体中文字符集，utf-8全球访问。)
% x7 X' Z, A5 A9 v( ]! N<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />3 [/ c+ s4 n+ _1 f, h
8 |; ?% v5 f; R5 ^6 Z6 r/ z& F5 n
b、keywords，用于设定网页的关键词，/ ~5 j; V. @' p. Q' s
<meata name="keywords" content="关键词1,关键词2,......."/>8 p. h2 U- ^6 s0 e# t
$ v5 J8 n9 |7 Ec、description,用于描述网页的信息
* S+ j O" U5 V; J! g, P$ i4 B% x<meta name="description" content="描述" />
6 ]% ~9 V( n2 C- m S- n) o# n/ m8 y% s" |5 C7 y
<body部分>. I, V9 v" ^+ B9 }
<h#>
4 U- k& M/ H$ L5 b; l<h#>文本</h#>
; Z( _. V; _# H) K( G o- n#用1-6代替，数字越小，越醒目，一般用在标题。1 W5 e4 ^% ]* T' s( c, p
3 N0 i% W# Q& p, E3 C2 g
<p>
! u1 l4 P6 _! M! w% S% }( C<p>一段文字</p>% L7 w* I2 ^, b: C) z
用来定义段落
1 L' u0 B& |) x1 g, b1 F
0 E$ @5 `9 Q/ Y0 Z, X<br> <br/> <br />7 G6 V1 I, E7 p8 v
换行
2 C4 p& z r. [7 l
4 A) K9 X/ f# Y2 E& @: |<strong>6 G g9 E# e( @, `; M7 t4 w0 N
<strong>要强调的内容</strong>
+ e& R& M9 `" W, A- \) S% l
" U" t- E$ j' Q<img>
. z* m+ B; B$ |' P7 I# T( I图片标签
/ z* Z T* v6 _5 G+ s& \<img src="图片地址" alt="描述图片的内容" />1 l# _, c& E6 J4 o M$ `+ H4 r
* o( G- L4 Q3 o, S/ x
<a>
7 r, H; n4 u) h* Z% u3 d- W超链接标签。/ {) M7 f) o6 S* w/ T$ V
<a href="所要链接的地址" target="_blank或_self">网页上显示的内容</a>' o4 e v) S! p+ @1 P/ e
% W% Q4 d2 _/ L3 L( f_blank:在新窗口打开 K" T% C5 C$ P/ L; {
_self:在本窗口打开
# W9 x0 {1 u1 e. }( p3 E& U2 `. v l6 m9 b
代码编辑规范：
! Q( t" Q: J6 B U# W- G1、所有标签小写
7 D3 M3 r- [" v( `3 {2、不要忘记标签闭合
2 _5 h: u4 v+ B; C% S/ E* `3、标签正确嵌套。. [$ |9 F0 }% k, ^( E8 e [: e
4、属性值加""1 K/ Z6 X) D1 l/ b
更多请关注快速排名推送者，网站七天上首页/ @' d/ l9 F, c. D- p" |6 T
8 o8 j- M% n9 C% d& @
|
看到0回复的主题马上点开，粘贴复制要一气呵成，这就像开车，要油离配合。最后要有坚强的抗压能力。
