论坛里面总是有人在问怎么贴图怎么改变字体颜色,找了一篇入门HTML语法供大家学习。(俺承认俺比较懒,所以只是去找了一篇)
N$]B$vv /2z, ?,jL 在此要强调的是:希望大家先在自己电脑上的frontpage里面练习。而且frontpage里面有更多的效果,你自己选定了一种效果可以从"html"里面看到相应的语法——这叫做“自学成才”。非常希望大家可以学会先自己寻找答案,而不是去遇到问题就询问别人,自己找到的印象才深刻,问出来的永远是别人的。
<8;SSdoKi -wn,7; 也可以通过查看源文件的方法学习:网页上单击鼠标右键-->选择“查看源文件”,弹出一个.txt文件包含了这个网页的源代码,好好学习吧。
Xb#!1hA J]G]
<) Nini8@d 一、基本标记
(~
S=DFsP V'b$P2 ?^ (U@Ks ) u%m,yPU~B Y oDL/ 标题 <h?>标题</h?>(?=1~6,改变标题字的大小)
9-:\ NH^; hp|.hN(kS] ,J;Cb}
zTBf.A;e7 ;f?suawMv 标题1
Nyx)&T&I =D~>$Y 52,[dP,g VW`SqUl 字加大 <big>加大字</big>
T
W#s)iDi <uG6!P 7Is:hx|:
rP{Jep! %?hvN 字变小 <small>缩小字</small>
baoyU#X9 uG$*DeZti {E[t(Ig >[2; D7r&z? 粗体字 <b>粗体</b>
B[3u,<opFU BCfmnE4% A$M8w9 [l/!
&6 uBK0+FLL@ 斜体字 <i>斜体</i>
Aydpr_lp uPq@6,+ _7z]zy@PC5 fK
6[ p& +[R^ ?~VK 下划线 <u>下划线</u>
5 JlgnxRq ,5V6=pr$ Er;q s *f P!"{-m' gnG
h ) 上标字 <sup>e=mc2</sup>
?YMBZ aAbA)'G eR,/}g\ 9%Tqk"x? tz8fZ*n 下标字 <sub>h2o</sub>
fgs@oaoZ j^5YFUwsQg &l0K~7)b @dk-+YxG ,p3]`MG 居中 <center></center>
8R%<~fq r 4b[bj").A 居中
m5iCvOP >I0;MNX .hu7JM+ QmjE\TcK/ nhdZC@~E0 基本字体大小 <basefont size>(取值范围从1到7,默认值为3)
<!g]q1 +Eh.PWEe haBmwq(f *djLf.I@ :Rb\Ca 改变字体大小 <font size=?>size=5</font> (?=1~7)
?5J#
yn #lrwKHZ+ &n;*'M
<wk %Y%r2 字体颜色 <font color="#rrggbb">color=red</font>(rgb色码或颜色名)
0:
a2ER|J ~w3u(X$m" {o5|(^l #Z1-+X8P La )M 指定字体 <font face=?>face=verdana</font>(?=宋体,楷体等)
?).;cG:< r@3-vLI!u sko7,& ekvs3a^ %jzTQ+.%]^ 'h
jEd. .2fvRN92 \Osu1]Jn> ~A=zjkm @GN2v,WA? 贴图 <img src="图片地址">
KQPu9f9 *DPX4
P XYo,5- rM7qBt ]lC%HlID 图片位置 <img src="url" align=top,bottom,middle,left,right >(分别为上、下、中、左、右的位置)
m;dwt1'Zw }/a%-07R 图片取代文字 <img src="url" alt="这是个x">(无法显示图形时用)
Wi&v?nm .H)H9cmf iqDyE*a %l7[eZ{Y *2zp>(% 图片尺寸 <img src="url" width=? height=?> (?以像素为单位)
uE
's&H #|b*l/t8 ;R*-cm { ptdOrN _@ao$)q{J 图片边框 <img src="url" border=?> (?以像素为单位)
huC{SzXM B#V""[Y9 :TQp,CEa U?0|2hR~ 60+ zoL' 图片四周留白 <img src="url" hspace=? vspace=?> (?以像素为单位)
o+1(N#?m9 3:WqUb\QK S8#0Vo$)a !td!">r46e t!\aDkxo % vC,FE
)' ]O|>nTa ~ikp'5 sPK ]:iC 二、超链接
?w/p 9j# `he# !" ~?NCmU=3 j"jssbu} a@? $#> 网址链接 <a href="url" target=_blank>
http://www.google.com/</a> 6@|!m ' pqg2#@F. (target=_blank目标链接在新窗口中打开)
XB'rh F8rl W<<G
'Km
k[mp( _U}|Le@ e yi^X?E{WnX 三、区段划分
)-+tN>Bb g,E)F90 e`+ C^C
'! `LFT"qnp 段落 <p></p>
fwtsr>SV >o"s1*
{ '1!%yKc0 G]l/L\{ qUe2(/TQu 换行 <br>
F\+9u$= ^N}{M$ !OV+2suu1 -XECYwT
h {w>ofyqfp& 横线 <hr>
I2{zy|& sC.cMZ e 'e))i#/VF --------------------------------------------------------------------------------
5;{*mJ:F N}bZdE9F 1iY?t ^YPw'cZZ& /4BYH?* 横线厚度 <hr size=?>(?以像素为单位)
#"-w;T%b x
s
>Y mnMY)-6C 横线长度 <hr width=?> (?以像素为单位)
%gEfG#S n@e|PWu IW|1)8d Vzrp9&loY b|h`v
横线长度 <hr width=?%> (?与页宽相比较的百分比)
o2(*5*b!@e ;@u+b0
j tdRnRoB a
U*cwR [[:wSAO>6' 实横线 <hr noshade> (无立体效果)
$5l=& ~); 7D'[ 1@0ZP~LTB *FUbKr0 ZA4vQDW Q|o~\h< -z4pI= Q<pL5[00fD p[%FH? 四、背景颜色
Dos`lh
i~6qOlLD- Fn!kest [huS"1 qqSf17sW 背景图案 <body background="图形文件名"> (图形文件格式为gif和jpg)
Ii/#cdgF Dxu2rz!li- FaC;vuSpy 7W6tz\Y DKu4e 背景颜色 <body bgcolor=#rrggbb>
PG8|w[V1 " #]'#\d#i G _{x)@ $UAmUQg)}_ @54D<Lj 背景文字颜色 <body text=#rrggbb>
%:2<'s2Si oO-kO!59y G%w hOIFRq |T~C($9 rYbb&z!u 未链结点颜色 <body link=#rrggbb>
~{hcJ:bI 2XubM+6 j'#M'W3@ %Ji@\|Zkf )54;YK 已链结点颜色 <body vlink=#rrggbb>
=^m,|j|d>4 D/C)Rrq"a M}E0Msq_o =/xTUI4 V. sIiE 正在链结点颜色 <body alink=#rrggbb>