一个人不应该依附在其他人身上，一个人应该首先自力更生。你应该自己能够独立，能够安顿你自己，那你就不会害怕了。你爱你自己的话，别人不能不爱你吧。

2007－03－01　ｈｔｍｌ

上一篇 / 下一篇  2007-03-01 09:32:45 / 个人分类：HTML

查看( 562 ) / 评论( 0 ) / 评分( 0 / 0 )

U^['CVo$iU02007－03－01　０９：３０　昨天ｈｔｍｌ小结。(0001.htm,0002.htm)

^;DbD6vA n|6f%V051Testing软件测试网Z1Wkd)diJ)oPi

HTML的基本元素51Testing软件测试网(d"o X}z7`"e2k Hv

o%I5?y;P(G*N4A&}+w|0HTML（HyperText Markup Language，超文本标记语言）51Testing软件测试网|Y)zk!Vx Bh

Mmip3LBz/Vc0注意：虽然你可以参考别人的HTML代码，但是抄袭别人的代码属于侵权行为。

-{sw jM/s`B8~uC051Testing软件测试网G%D)?Lco|2QW H

需要一些编程语言来完成，如JAVAscrīpt、VBscrīpt、CGI、ASP等等。

5\V:x3G.p&G-p$|p0

\esC8m F_u]0要多学习、借鉴，自己多动手、多尝试。51Testing软件测试网1o_9a c9b}ktF

in/A_-E0页面基本元素
g3}kz:x!I^0　　HTML语言是由一系列标记组成的，每个标记有它特定的含义。标记用<>标示，以便和页面的内容区分开来。大多数标记成对出现，后面的标记加上一个“/”，表示结束。51Testing软件测试网(Fup&[4T-o

  • <HTML></HTML>说明本页面使用HTML语言编写，使浏览器软件能够准确无误地解释、显示。
  • <HEAD></HEAD>HTML页头，包含页面的一些设置信息。
  • <TITLE></TITLE>包含的内容显示在浏览器的窗口标题栏中。如果没有TITLE，浏览器标题栏显示本页的文件名。网上有很多人忽略了TITLE的设置，你可以经常看到UNTITLED或HOME PAGE等这样的默认标题。由于Internet Explorer的收藏夹和Netscape Navigator的书签都是用TITLE作为存储地址文件的标示，所以为你的主页起一个恰当的TITLE是很有必要的。
  • <BODY></BODY>BODY包含HTML页面的实际内容，显示在浏览器窗口的客户区中。

W5I{E{l0    页头51Testing软件测试网7ctV4fu^8w2Y |
    HEAD里其他的几个标记。51Testing软件测试网F;E#v9J*a

51Testing软件测试网+g2}0\6Kp4k^(p+B

　　META：用于描述不包含在标准HTML里的一些文档信息。

v0z%p{1mA@ ^r#P0
  • <META NAME="keywords" CONTENT="yourkeyword">

  • <META NAME="descrīption" CONTENT="your homepage's descrīption">

    UzmY-R`U*l!m0

    　本页的关键字和描述。能够让读者根据这些关键字查找到你的主页，了解你的主页内容。51Testing软件测试网A-R!_H8EP+YhgJ$b9qA

  • <META HTTP-EQUIV=”refresh” CONTENT=”60“, URL=”new.htm”>

    　浏览器将在60秒后，自动转到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带　　　　　　　　　　　　　　　　　　　　　　读者来到你的目录页。
Bp fBZ fK*I$`0    　如果URL项没有，浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。

/AP;W$a arJ5_0
  • <META HTTP-EQUIV=”content-type” CONTENT=”text/html; charset=”GB2312”>

   　 描述本页使用的语言。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。

T;s.c~Q._0D"Q0
  • <META HTTP-EQUIV="Pragma" CONTENT="no-cache">

"l(t:K1T `0    强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。

Z8ukj"q|.bs0

C-|1Uhl(W!k;JN0　　LINK:显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。51Testing软件测试网2XB1R`k%J

&^zT:pU(wb2O0          格式：<LINK REL=”stylesheet” HREF=”style.css”>51Testing软件测试网~a0Pm9y

               REL参数说明两个文档之间的关系，HREF说明目标文档名。

K0Px4FB5\9] iq0

   BASE:本文档的原始地址。51Testing软件测试网a2V6d8sd+yv*l

         语法是：<BASE HREF=”原始地址”>

cx#QOY^0

                下载你的文档之后知道是从哪里下载的。

7e|aH.|#_0

   BODY:BODY标记有一些属性，用于定义页面内的显示效果。

W9a'` xU9Q9rHk2D_V0

    ALINK、LINK、TEXT、VLINK——文字的颜色。
x b'@b A2e7W0   

ALINK：当前激活的连接的文字颜色。
`5V.P*[0?6@0LINK：连接的文字颜色。51Testing软件测试网3Qv(z Gw1H@
TEXT：文字的颜色。51Testing软件测试网7A [D!@Jas
VLINK：参观过的文字颜色。
C^9VD(~*}e0注意：文字的颜色要和背景色有明显的差别，以便读者浏览。
51Testing软件测试网 zA)Py`.QP7_ N)X

    BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。51Testing软件测试网&J8O5Z)m iLClD
   

BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。51Testing软件测试网%w7^lM5av3]
BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对IE有效）
Gg i{}0n#F0BGCOLOR：背景色。51Testing软件测试网)BE2Jyg2t
注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。
    LEFTMARGIN、TOPMARGIN——页边空白。（只对IE有效）51Testing软件测试网E1DmN7Jo
   
LEFTMARGIN：左边页边空白。TOPMARGIN：顶端页边空白。
51Testing软件测试网,W.Zek#P

o;v5P\:A0完整的HTML文件

:V_C.|M,~051Testing软件测试网Au({ u d:gP

3t0Z#Q t%qz0

index.html51Testing软件测试网yV:^G0Ga`L

*b4@*j-TM2EwiJ0<HTML>51Testing软件测试网uAe\6c6h FF
<HEAD>
'^m m.}m7S1b&I9K3H0<TITLE>主页制作软件介绍</TITLE>51Testing软件测试网1jx l;Te'VY$?6D~
</HEAD>
aK ^#v:l"q5m0<BODY>51Testing软件测试网@ x.v-dqKw2i
</BODY>51Testing软件测试网@Y#r.xX oN ` [X
</HTML>51Testing软件测试网?,D/[K+Q0sV(a

51Testing软件测试网,W0z+L.G'G*~+i

    输入上面的代码，存盘。文件名为index.html，也可为index.htm。51Testing软件测试网dSy:Z,Qr

51Testing软件测试网6}n1pjevf

字体和段落

X"|n8_k2c5lU0FONT, PRE, STRONG, EM, B, I, Hx, P

  1. 段落

    <P>

    xOs(X(|9Jg0

        段落的标记是<P></P>，中间是一段的内容。
    9iev u.h9_Z0   </P>可以省略，因为HTML碰到下一个<P>就知道另起一段了。
    p%miU/V&J0  

    y/K6` z$D1g0

    u;Vn {~%c)@0P的属性51Testing软件测试网n8W-S#i | y P5Xr&L
           P的一个基本属性是ALIGN（对齐），可以有LEFT（左）、CENTER（中间）、RIGHT（右）几个值，默认值是LEFT。

    MZ}V/e.LpV/{051Testing软件测试网7b gALu&Z;f\n'y

    51Testing软件测试网`/G$o_h Lk

    <p align="left">左对齐段落。

    8UiuIJjgo051Testing软件测试网Mz1r4Xpm]1I}^

    <p align="center">居中段落。

    rOZ8Iw PE#uo051Testing软件测试网H7`)sS,@W~}

    <p align="right">右对齐段落。

    I.k6g~%?MuiW0

    ?p`3{$Du)OvV0空格“&nbsp; ”。51Testing软件测试网Sjm;vC:Y"aaD
       

    -xI,`I o;][ mB l A-w0
  2. 特殊段落

    PRE51Testing软件测试网e)es$k8eT-W.^[R eb
    ADDRESS51Testing软件测试网sC2GI)T MV3C
    HR    51Testing软件测试网DR&KB!~7KF5X c |M

  3. 标题

    HTML有几个标记是定义标题字体大小的，即<Hx></Hx>，其中x的取值可以从1到6，总共有6级。

    .St^:y4A.@0

    <H1>标题1</H1>51Testing软件测试网T1js7@S6{Y"\

    <H2>标题2</H2>51Testing软件测试网|G TM&I |5z5B

    <H3>标题3</H3>51Testing软件测试网N k n'UxF^

    <H4>标题4</H4>51Testing软件测试网dT&Af6gxfA

    <H5>标题5</H5>51Testing软件测试网!L{/r m cW.DI

    <H6>标题6</H6>51Testing软件测试网o*~9U'G(YE(FL

        不必添加<P>，<Hx></Hx>里的文字都是自成一段。也有ALIGN属性，其设置和<P>一样。51Testing软件测试网)e c L1zN-^a
        现在把标题设置成H1的格式，即：
    E c"~V\C0    <H1 ALIGN="center">主页制作软件介绍</H1>

    h s4j,]FI0
  4. 换行（可参看换行）

    <BR>51Testing软件测试网:v+q;c0A['q8C
    <NOBR>    不换行，水平滚动条。　　　　　　　　　　　　　　　　　　　　　　　　　<WBR>在<NOBR></NOBR>对里几个固定的地方可以换行，可以用<WBR>。

    n @*Cu ~z B5NbwS0

  5. =========================================================================51Testing软件测试网5L {3s#b;I2z)I k z

51Testing软件测试网HYbVEeO K}


Z+A;y5A V5S d0下午开工0004.htm：

3T!Rv.` R n7f051Testing软件测试网1X J'CI's4Q

000５.htm（１５：４０ｏｖｅｒ）51Testing软件测试网)Np"v Un9K C

51Testing软件测试网;N a@a;M5kpZRD

000６.htm51Testing软件测试网 n e)_+pM3w$|g7lh-@

51Testing软件测试网 K.Q%`&z,q| K%Q

000７.htm

h8Li/v!EkS9P051Testing软件测试网!oU/z.C3q

000８.htm＝＝＝＝＝＝＝ｄｏｉｎｇ。。。51Testing软件测试网-k+r)lXNiqk%y

51Testing软件测试网y)w"nY.S'PA

 

UO}i ^N-S+XO0

 51Testing软件测试网P+p(};NZ M]1~ S2p

 

常用的控制符

4f XypCO#If0		   
 CENTER<CENTER></CENTER> 段落居中 会重起一个新的段落 
 PRE<PRE></PRE>保持原有效果 一个制表符占据八个空格的位置 
 ADDRESS <ADDRESS></ ADDRESS > 表示一段地址信息或签名，通常放在页面的顶端或底端。Address标记中的文字按斜体显示 
 BLOCKQUOTE <BLOCKQUOTE></BLOCKQUOTE> 表示对其他文章的引用其中的文字在左边和右边有一定的缩进。 
51Testing软件测试网*WT.M M k

 

"f,Y\8["_(H6[Vv0
相关阅读:

收藏 举报

TAG: HTML

 

评分：0

我来说两句

Open Toolbar