论坛里面总是有人在问怎么贴图怎么改变字体颜色,找了一篇入门HTML语法供大家学习。(俺承认俺比较懒,所以只是去找了一篇)
zqaz1rt[ R89;<,Ie 在此要强调的是:希望大家先在自己电脑上的frontpage里面练习。而且frontpage里面有更多的效果,你自己选定了一种效果可以从"html"里面看到相应的语法——这叫做“自学成才”。非常希望大家可以学会先自己寻找答案,而不是去遇到问题就询问别人,自己找到的印象才深刻,问出来的永远是别人的。
N
{}XHA f_*Bd.@ 也可以通过查看源文件的方法学习:网页上单击鼠标右键-->选择“查看源文件”,弹出一个.txt文件包含了这个网页的源代码,好好学习吧。
1N#KVvK 8\+Q*7~@i Jon<?DQj
一、基本标记
e5!LbsJv akuV9S M(l>^N8W8 >Cb[ Vf67gux 标题 <h?>标题</h?>(?=1~6,改变标题字的大小)
4,o|6H 8._
A[{.f L#Mul&r3x0 YxEc(a" LRqBP|bjCD 标题1
U2=PmS P t;7 tuq
v-;j44sB p#VA-RSUQ| 字加大 <big>加大字</big>
vI<
n~FHt >a@c5 9oly=&lJ <q
V<dK&W 28KS*5S
字变小 <small>缩小字</small>
a=<l}`* `u%`Nj c~B[<.Qj <1HbjRw j4v.8; 粗体字 <b>粗体</b>
*C~O[:6D R^`# xQ S\"/=|\ kKU,|>3h \/3Xb 斜体字 <i>斜体</i>
VP|ga}( EkV
LSur WD=#. $z$ aKkG[qN >4gGb) 下划线 <u>下划线</u>
CNCWxu Cv@ZzILyoK .w/_Om4T*b K:!|xr(1d ]]
R*sd* 上标字 <sup>e=mc2</sup>
?0>%
a$` S]kY'(V(* <r_L- F;5S2:a@Z g$c\(isY; 下标字 <sub>h2o</sub>
m{(G%n>E& 'lPt.*Y<u vf=b5s(7Q <IWO:7*# Ax*=kZmH| 居中 <center></center>
-!OFt} teO%w9ByY 居中
P8lx\DA `uz15])1< $9pFRQC'q KTV~g@Jf '.jr" 3u 基本字体大小 <basefont size>(取值范围从1到7,默认值为3)
[89qg+z j]uL9\> PNwXZ/N% {H
FF|Dx O?<R.W<QI 改变字体大小 <font size=?>size=5</font> (?=1~7)
oxN~(H)/ # ['p%$4i$ %SW"{GnO^ |D `r o vs3px1Xe# 字体颜色 <font color="#rrggbb">color=red</font>(rgb色码或颜色名)
Bnju_)U5) )Mw<e )24c( t2)S61Vr %A@Q %l6 指定字体 <font face=?>face=verdana</font>(?=宋体,楷体等)
XH_XGzBQS 5$kv,%ah 1'qllkT 1&S34wJF 95Q{d'& `Zn2Vx 9[<,49 6#egy|("nF qJY'"_Q{ Ba=P 贴图 <img src="图片地址">
`mN*"1p- RP}.
Ei ?]i.Zi\[f 9G7lPK +8tdAw 图片位置 <img src="url" align=top,bottom,middle,left,right >(分别为上、下、中、左、右的位置)
ig
Mm.1> W2CCLq1( 图片取代文字 <img src="url" alt="这是个x">(无法显示图形时用)
mez )G| 8Vcg30_+ wYxnKm~f !+qy~h b2x8t7%O 图片尺寸 <img src="url" width=? height=?> (?以像素为单位)
*82f{t] Ku
6bY| p~ `f.q$' cVrses^yE m'|{AjH
z6 图片边框 <img src="url" border=?> (?以像素为单位)
w Phs1rL $vlc@]~d`& ghXh nxG Z)RoFD1]C ES~ykE 图片四周留白 <img src="url" hspace=? vspace=?> (?以像素为单位)
%i!&Fr O gQE1{C Y9h~ hD #b[B$
EZ+_*_9 GEr]zMYG[A {-28% P'^#I[G' &"^,Ubfcn" 二、超链接
!{@!:m3w d|UK=B^x Za+26#g -"u9s[L{ a78&< 网址链接 <a href="url" target=_blank>
http://www.google.com/</a> [I*BEJ;W' .Rq|F (target=_blank目标链接在新窗口中打开)
Jf<+VJ>t L;a>J -]1F]d }@-4*5P3 /b *VFA/75 三、区段划分
6qs
T/ 2jQ|4$9j h=
uv4& OidF{I*O wyqXD.of 段落 <p></p>
l1X&Nw1W <mE)&7C -V
Rby t/?x#X %M+ID['K9/ 换行 <br>
YG<7Zv
}nrl2yp:% >_ji`/d{ Y{]RhRR a~b^`ykcWP 横线 <hr>
f_}FYeg =Z
^= QO;W}c:N --------------------------------------------------------------------------------
mz\d>0F U. Og8: _h#SP+> n
GE3O#fv ht8%A 1| 横线厚度 <hr size=?>(?以像素为单位)
we6']iaV b<UZDy N~ K*Tj; 横线长度 <hr width=?> (?以像素为单位)
`>^2MHF3LT )L?JH?$C t\2Lo7[Pu [ Fid o,a3J:j] 横线长度 <hr width=?%> (?与页宽相比较的百分比)
9OYsI +R}(t{b#
> <WR]`G g0@i[&A@{ KD]8n]c 实横线 <hr noshade> (无立体效果)
%a-:f)@ Jq1 Zb !QoOL<(){ k8E'wN =k]Rze I <5*cc8 eup#.#J ]kC/b^~+m ^hOnLy2 四、背景颜色
j'lfH6_')e PfTjC"`, D0(QZrVa q|)8VmVV kJP
fL s 背景图案 <body background="图形文件名"> (图形文件格式为gif和jpg)
]Y!$HT7\ lxTW1kr X5kIM\ ;5tSXgGw7 D@T>z; 背景颜色 <body bgcolor=#rrggbb>
Q>s> @hw oWGtKtDhH J[fjl6p Cg NfqT0 B42.;4"T 背景文字颜色 <body text=#rrggbb>
!$ikH,Bh NNC@?A7 P E1F3u>O ~fLuys`*: r5::c= Cl 未链结点颜色 <body link=#rrggbb>
n m4+$GW F-%wOn / l%h0x*?$ ;c"T#CH. eaQ)r?M 已链结点颜色 <body vlink=#rrggbb>
Y2i:ZP o@[yF< ;j]0GD,c$ ajF-T=5 $<c0Z6f 正在链结点颜色 <body alink=#rrggbb>