论坛里面总是有人在问怎么贴图怎么改变字体颜色,找了一篇入门HTML语法供大家学习。(俺承认俺比较懒,所以只是去找了一篇)
d0'7efC+ l &}piC 在此要强调的是:希望大家先在自己电脑上的frontpage里面练习。而且frontpage里面有更多的效果,你自己选定了一种效果可以从"html"里面看到相应的语法——这叫做“自学成才”。非常希望大家可以学会先自己寻找答案,而不是去遇到问题就询问别人,自己找到的印象才深刻,问出来的永远是别人的。
o(:{InpV%A XxhsPFv 也可以通过查看源文件的方法学习:网页上单击鼠标右键-->选择“查看源文件”,弹出一个.txt文件包含了这个网页的源代码,好好学习吧。
:b"=KQ }|AX_=a %=y;L:S\p 一、基本标记
jz|VF,l t5%TS:u bk.*k~_ P%iP:16 [9LxhPi 标题 <h?>标题</h?>(?=1~6,改变标题字的大小)
RZ*<n$#6 CdZnD#F2 18jJzYawh L"4]Tm>zq
nkTYWw
标题1
2_wvC ~)_K"h.DY V- /YNRV 9YAM#LBTWi 字加大 <big>加大字</big>
r5[4h'f *<7l!# vmLpmxS qIz}$%!A 7|Xe&o<n 字变小 <small>缩小字</small>
f9a$$nb3` 0iV
;g`% HAd%k$Xu{ nZxSMN0] C s#w72N 粗体字 <b>粗体</b>
Ev{MCu1!6 #jm@N7OZ D#ZPq,f \sITwPA[z ]+ZM/'X 斜体字 <i>斜体</i>
n+rM"Gxz M$H `^Pv 5B?i(2 )b0];&hw] !W
/C[$E 下划线 <u>下划线</u>
[~)x<=H8{ qe%V#c /?P!.!W& O1'K>teF% #w|5jN? 上标字 <sup>e=mc2</sup>
`XgFga) n}q$f|4! `[Sl1saZ$S ve fU' SY T$3|a 下标字 <sub>h2o</sub>
$DE&J4K F>-}*o d}+W"j; t^U^Tr FmD +8= 居中 <center></center>
P=gJAE5 gDC2
>nV 居中
=:~(m 6tm\L -_>.f(1 }-nU3{1 ~kb{K; 基本字体大小 <basefont size>(取值范围从1到7,默认值为3)
A[JM4x
h<NRE0- zy>}L # u)~s4tP4 mi^hvks< 改变字体大小 <font size=?>size=5</font> (?=1~7)
d G0 VBE Uw <{i (>AFyh&3,X w2zp#;d !^v\^Fc 字体颜色 <font color="#rrggbb">color=red</font>(rgb色码或颜色名)
SFp
Q# q-IWRb0j%a (oYW]c}G, %),!2_ x~ TB#Nk5 指定字体 <font face=?>face=verdana</font>(?=宋体,楷体等)
P
4 6,o t.U{Bu
P 6?o>{e7n^ 3_zSp.E\l eq hAus?) tIGs>, a= :hP58 }Q$ T 2|:nC
)@ v}P!HczmMP B.K4!/cF 贴图 <img src="图片地址">
Q52bh'cuU f3n~{a,[ "L@g3g?|` +-ewE-:|L Q|//Z 图片位置 <img src="url" align=top,bottom,middle,left,right >(分别为上、下、中、左、右的位置)
fIkT"
? FmI;lVF0j 图片取代文字 <img src="url" alt="这是个x">(无法显示图形时用)
L[. <o{ veO?k.u( ?O7iK<5N {AgBwBCE ?*+1~m> 图片尺寸 <img src="url" width=? height=?> (?以像素为单位)
\(bj(any 9b%j.Q-W nx$bM(. JMePI%#8 8]]@S"ZM,\ 图片边框 <img src="url" border=?> (?以像素为单位)
>~wu3q [yF
^IlSs ,!H\^Vfl
@ExLh9 N'a?wBBR
图片四周留白 <img src="url" hspace=? vspace=?> (?以像素为单位)
G<fS(q C[0MA ,^ q;No"_aAd )r#,ML 4UVW#Rw{ Bs@:rhDi ph+M3q(z 0}D-KvjyP Nuo^+z
E 二、超链接
nfa_8 7|{ B# e|JIrOnc u?H@C)P _TrZ'iL}T 网址链接 <a href="url" target=_blank>
http://www.google.com/</a> Y}S.37|+^ X8i[fk1.R (target=_blank目标链接在新窗口中打开)
3`xsK[ sbgJw
& \JLT
w ,}u,)7 &yB%QX{3 三、区段划分
q ?(A!1(u hN[X 1* |y klT o
T:j:n
ccRlql( 段落 <p></p>
u
IAZo; j,\tejl1 5QKRI)XpZ [TP DE5d]3B 换行 <br>
6BUBk>A` sf
fV.cC` ?){0-
A4 4
tbw*H5!5 o1
jk= 横线 <hr>
x6"/z #c6ui0E%;t >Dk1axZ!>/ --------------------------------------------------------------------------------
${wU+E* 9
aY'0wa { k
kAqJ u
wH)$Pl k}- "0> 横线厚度 <hr size=?>(?以像素为单位)
_2NN1/F5 VI(RT-S6 3 %z 横线长度 <hr width=?> (?以像素为单位)
='7er.~\ *>EI2HX
m"96:v 5oV
Lv4Z9u @WhZx*1 横线长度 <hr width=?%> (?与页宽相比较的百分比)
i}.{m Et ?| D$#{^ ~5lKL5w |
\ s2 43vGgGW 实横线 <hr noshade> (无立体效果)
2#>$%[
Fpy6"Z?z ]jHh7> D 6Cz7A 4yA9Ni v7s] (|yR
o T0@](g -X"5G
四、背景颜色
:FX'[7;p F/Rng'l 3q~":bpAp #rn4$ F&W0DaH 背景图案 <body background="图形文件名"> (图形文件格式为gif和jpg)
YtwmlIar` |<|28~# e67c:Z KKx&UKjV 9%p7B ~}E 背景颜色 <body bgcolor=#rrggbb>
@{J!6YGh b
xk'a,!S 2ru*#Z#( h/0<:eZ* nvO% 背景文字颜色 <body text=#rrggbb>
nhVK? %KJ"rvi4K ^F0k2pB fd!pM4"0 vxbH^b 未链结点颜色 <body link=#rrggbb>
])Q9=?Sd} /?.r!Cp bGMeBj"R |? ;"B:0 )RA
v[U1 已链结点颜色 <body vlink=#rrggbb>
F- !}dzO >+A1 V[ (x1"uy7_ $+!}Vtb J]=aI>Ow 正在链结点颜色 <body alink=#rrggbb>