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

2007－03－01　ｈｔｍｌ

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

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

zu1?5j3d@+X,L02007－03－01　０９：３０　昨天ｈｔｍｌ小结。(0001.htm,0002.htm)51Testing软件测试网 Yr'v1c7J

51Testing软件测试网Y5C3lS Zv

HTML的基本元素

w1Szhc ZJN9Y[P051Testing软件测试网4Qv_'\^v(L'g

HTML（HyperText Markup Language，超文本标记语言）

_5a}BhH7@!B NN051Testing软件测试网1kN v"R3w4aud g

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

A.uB ?(m \0j L3V4r051Testing软件测试网8EO/D3h'rjbd2K0Y

需要一些编程语言来完成，如JAVAscrīpt、VBscrīpt、CGI、ASP等等。51Testing软件测试网PcEcrn$Sm/bq

*w$BMq,ek[0要多学习、借鉴，自己多动手、多尝试。51Testing软件测试网 XMsy m UwM

51Testing软件测试网@3g*i_ x1U

页面基本元素51Testing软件测试网#ua*_+pFSRK{
　　HTML语言是由一系列标记组成的，每个标记有它特定的含义。标记用<>标示，以便和页面的内容区分开来。大多数标记成对出现，后面的标记加上一个“/”，表示结束。51Testing软件测试网dB#m\O5fU

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

!dr%ZD)c0    页头
T4Ah R Y0    HEAD里其他的几个标记。

f6s6i'u*@*e2e Cdf051Testing软件测试网FZ`Z`3`P

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

y_^nuX0
  • <META NAME="keywords" CONTENT="yourkeyword">

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

    Y#o,PG W0

    　本页的关键字和描述。能够让读者根据这些关键字查找到你的主页，了解你的主页内容。

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

    　浏览器将在60秒后，自动转到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带　　　　　　　　　　　　　　　　　　　　　　读者来到你的目录页。
s%FY&`5W*P N!ug0    　如果URL项没有，浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。51Testing软件测试网y$[e;_ x*jj-Z

  • <META HTTP-EQUIV=”content-type” CONTENT=”text/html; charset=”GB2312”>

   　 描述本页使用的语言。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。51Testing软件测试网x3Z/X!wN/}

  • <META HTTP-EQUIV="Pragma" CONTENT="no-cache">

BvG_`3}0    强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。51Testing软件测试网,TRZK(t9h)A

$Hs |U/`P9b x*u*U0　　LINK:显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。51Testing软件测试网'F.\&pD0@hW

51Testing软件测试网&q2t`QS$W

          格式：<LINK REL=”stylesheet” HREF=”style.css”>

X8MF V%`pU'Z0

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

W}c+` |,K2q:Vn k3E0

   BASE:本文档的原始地址。51Testing软件测试网#Aso.w$H4w;gL

         语法是：<BASE HREF=”原始地址”>51Testing软件测试网%G cO5~F8H v6r.GN]

                下载你的文档之后知道是从哪里下载的。51Testing软件测试网\@)CRG

   BODY:BODY标记有一些属性，用于定义页面内的显示效果。51Testing软件测试网H{w!zIU

    ALINK、LINK、TEXT、VLINK——文字的颜色。51Testing软件测试网"I0Iq*JX4P
   

ALINK：当前激活的连接的文字颜色。
)YY p l.tj;Y0LINK：连接的文字颜色。51Testing软件测试网nY;~TN5g#S Z
TEXT：文字的颜色。
3V:Ru@&U4Q|8?%S7Z0VLINK：参观过的文字颜色。51Testing软件测试网8d8yX J]
注意：文字的颜色要和背景色有明显的差别，以便读者浏览。
51Testing软件测试网d f.Sn/Y f }7An

    BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。
*Ki(J0D!{!H0   

BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。
:V;cPn-^%MhCW0BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对IE有效）51Testing软件测试网3?]Bmt/kU NB
BGCOLOR：背景色。51Testing软件测试网?4P.m2P Q
注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。
    LEFTMARGIN、TOPMARGIN——页边空白。（只对IE有效）51Testing软件测试网3vn-v*j+|
   
LEFTMARGIN：左边页边空白。TOPMARGIN：顶端页边空白。

y~1s5H&\"m!Q051Testing软件测试网9LR,R6VBQ;Wz J

完整的HTML文件51Testing软件测试网RaE#G6M

'|N!Xi3a:Mc051Testing软件测试网W`xn-~*|Iv

index.html

,nI ZP{8M:Px051Testing软件测试网 J5sEiD;V5n

<HTML>
A`J3y4I!nT@0<HEAD>
S-IZ:BK/?$p3o%oY}0<TITLE>主页制作软件介绍</TITLE>51Testing软件测试网t+m0ZL!guL
</HEAD>
qGT+\2pE"O2I([ I0<BODY>
,Mzq0n,NDN"|0</BODY>
P:i8\X'[^R(K0</HTML>51Testing软件测试网Q,wWl*R

hNM\2v7[3R0    输入上面的代码，存盘。文件名为index.html，也可为index.htm。

e#fV+R0BN vO0

\vt"s+S_,{0MW0字体和段落51Testing软件测试网p4@u?,h7VdAt

FONT, PRE, STRONG, EM, B, I, Hx, P

  1. 段落

    <P>

    PG@8u6V#U2Y.Y V0

        段落的标记是<P></P>，中间是一段的内容。
    ,XlsN`*]1BS0   </P>可以省略，因为HTML碰到下一个<P>就知道另起一段了。
    fY3]*b6Um0JQ}0  

    1F ZaDqV4A:N/E0

    o#ypb[q@ sv0P的属性51Testing软件测试网 u:X ]"w0_
           P的一个基本属性是ALIGN（对齐），可以有LEFT（左）、CENTER（中间）、RIGHT（右）几个值，默认值是LEFT。51Testing软件测试网/c4gA*@ B.K*v

    51Testing软件测试网)A uD4y*p ~e

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

    R"T$x|5B&M1rE |H051Testing软件测试网Vqt8`4`Se D

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

    [ j}cw P R0

    7E0Z8[i+R!A&M&j I{D0<p align="right">右对齐段落。

    '_L*j;f.`%_ i+e0

    D"Dx:x;Q;P*P@0空格“&nbsp; ”。
    9DS+c zzbtn0   

    ,tv,[V&Sr2~ rmx5K0
  2. 特殊段落

    PRE
    P$C-vYc{:n1J0ADDRESS51Testing软件测试网F[0o;J1jD2c
    HR    51Testing软件测试网y],^.o*SVL

  3. 标题

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

    (Z2P1M(X k7\C.O0

    <H1>标题1</H1>51Testing软件测试网%t vt HL{M

    <H2>标题2</H2>

    (r p"T Rk!Rw^r0

    <H3>标题3</H3>51Testing软件测试网"o&cVG&H!G

    <H4>标题4</H4>51Testing软件测试网vX[:Iq

    <H5>标题5</H5>

    &o'Q:o }B n^ p*h!r0

    <H6>标题6</H6>

    AZg*?-y:|mPp@-?0

        不必添加<P>，<Hx></Hx>里的文字都是自成一段。也有ALIGN属性，其设置和<P>一样。
    YOb(\3?"qt:RF0    现在把标题设置成H1的格式，即：51Testing软件测试网&WAQ#H:bI[3o]
        <H1 ALIGN="center">主页制作软件介绍</H1>

    a2S(I3cKq w0
  4. 换行（可参看换行）

    <BR>
    eB2}$]ly5k0<NOBR>    不换行，水平滚动条。　　　　　　　　　　　　　　　　　　　　　　　　　<WBR>在<NOBR></NOBR>对里几个固定的地方可以换行，可以用<WBR>。

    C%susqf5e3w`&g0

  5. =========================================================================51Testing软件测试网4e+tN.FN

-ew2z ~q6gP051Testing软件测试网am6e,K^,[ PT`
下午开工0004.htm：

"N"J8M/Z+L051Testing软件测试网'zTq:@~[

000５.htm（１５：４０ｏｖｅｒ）

MT0T9EH+j Ew0

(ERc9]*aiHB U ~|0000６.htm

_2v-}"F1N#@AfA0

E3u2c!B8s0000７.htm

O$w)ElW7]V0

"Qq5a n#H%wJ0000８.htm＝＝＝＝＝＝＝ｄｏｉｎｇ。。。

Q1e1v P\7~0

-Dz b^ \ Z0 51Testing软件测试网!pAq Em

 51Testing软件测试网7L4D ~ES D5xM C

 

常用的控制符51Testing软件测试网^eAp xW

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

 

)tIL s3G,w"w'Nc4Y*Q0
相关阅读:

收藏 举报

TAG: HTML

 

评分：0

我来说两句

Open Toolbar