论坛里面总是有人在问怎么贴图怎么改变字体颜色,找了一篇入门HTML语法供大家学习。(俺承认俺比较懒,所以只是去找了一篇)
HJ?p,V q5_ rJH u~/_Dq 在此要强调的是:希望大家先在自己电脑上的frontpage里面练习。而且frontpage里面有更多的效果,你自己选定了一种效果可以从"html"里面看到相应的语法——这叫做“自学成才”。非常希望大家可以学会先自己寻找答案,而不是去遇到问题就询问别人,自己找到的印象才深刻,问出来的永远是别人的。
/FJ )gQYA btoye \rl 也可以通过查看源文件的方法学习:网页上单击鼠标右键-->选择“查看源文件”,弹出一个.txt文件包含了这个网页的源代码,好好学习吧。
Clr~:2g\ ?9'Ukw`
g F`IV9qv 一、基本标记
|re)]%A?Fu w/BaaF.0 _^]2??V A:Pp;9wl #\3(rzQVO 标题 <h?>标题</h?>(?=1~6,改变标题字的大小)
.Y|5i^i9{ J:LwO d|#sgGM<8 Teh
_ d+[GMIxg 标题1
MWTzJGRT OZ##x ,'w9@A ncZ5r0 字加大 <big>加大字</big>
"I+71Ce }TE4)vXs 7vO3+lT/Y; xc{$=>'G m%au* 0p 字变小 <small>缩小字</small>
"=8=
G uflRW+-2 F7[ 55RcP EAafi<n _=l8e-6r 粗体字 <b>粗体</b>
3"afrA h[HFZv~{ ?=$=c8xw Cn+'!?!d, 1?+%*uoPX 斜体字 <i>斜体</i>
#fdQ\)#q> 6WUP#c@{ L-SWs8 {}x{
OP ~Y;_vU 下划线 <u>下划线</u>
t$+[(}@+ Z
,4G'[d <E/"v P(h[QAM ))Q3;mI" 上标字 <sup>e=mc2</sup>
cl3@+v1 $7\Al$W\ &IYSoA"Nz 5}-e9U !| ObNS 下标字 <sub>h2o</sub>
V% -wZL/ =VXxQ\{ 3jx5Lou)& Z'/sZ3Q} Ek#?B6s 居中 <center></center>
Qmbl_#
1=
NP=ZB 居中
\ct7~!qM ;F3#AO4( ZDffR:An Km/#\$|} Zq[aC0%+ 基本字体大小 <basefont size>(取值范围从1到7,默认值为3)
M$L ;-T iH&BhbRu_ ?-.Qv1hs6p bSbUf%LKt a[).'$S}' 改变字体大小 <font size=?>size=5</font> (?=1~7)
(c3%rM m] >U4hsr05 w&U>w@H^ 0{0A,;b h4N%(?7 字体颜色 <font color="#rrggbb">color=red</font>(rgb色码或颜色名)
Pgdv)i3 Y\cQ"9 @-d0~.S )$Tcip` XHX$Ur9 指定字体 <font face=?>face=verdana</font>(?=宋体,楷体等)
-XcX1_ :Ca]/ ]] ;giW e/S^Rx4W H6fR6Kr4j >n!,KUu] *U{E[<k{ ccCe@1RI estDW1i) Qx{[#[Da 贴图 <img src="图片地址">
Z#Q)a;RA xW hi> a
d,0*(</ c+_F}2)
'5:P,1tWU 图片位置 <img src="url" align=top,bottom,middle,left,right >(分别为上、下、中、左、右的位置)
cbHb!Lbg ueimTX k 图片取代文字 <img src="url" alt="这是个x">(无法显示图形时用)
Tw)"#Y!T /d/Q
uro gr&Rkuyfv <;T$?J9 @ -g'BvS 图片尺寸 <img src="url" width=? height=?> (?以像素为单位)
hp:8e@ h~F`[G/'
ga#Yd}G^~3 aucQZD-_" N=?! ~n9Q- 图片边框 <img src="url" border=?> (?以像素为单位)
fBZ\, 3aK/5)4|B
n-%
8RV =2BB ~\G+ Vv]81y15Q; 图片四周留白 <img src="url" hspace=? vspace=?> (?以像素为单位)
q%^vx%aL\ Y64B"J=P9 x?|C-v G
iF})e} x>E**a?!L W@:a3RJ 1!;}#m7v #"Wh$
x% #_zd`s3k 二、超链接
Qey6E9eCA DJm/:td Ob|[/NN l:Y$A$W]> lvyD#|P 网址链接 <a href="url" target=_blank>
http://www.google.com/</a> $!msav 1V@\L|Y (target=_blank目标链接在新窗口中打开)
cv'Fc qtv>`:neB FyZ iiH4| ilyQgEjC UpA{$@ 三、区段划分
N,><,7!q$, $_.m< CCX!>k] TF@HwF"# bnWKfz5 段落 <p></p>
`Al[gG?/! X>
*o\ j&
S8x|5 4't@i1Ll( C~5-E{i 换行 <br>
E9Q?@' h 9
t$%Tc#Z =&-hU|ur }UzO_&Z#6 <IF\;,.c 横线 <hr>
Kk^tQwj/QE jaoGm$o>"F mndUQN_Gb --------------------------------------------------------------------------------
EmDA\9~@R mQ9%[U, \E'Nk$V3 !6wbg G0^O7w^5 横线厚度 <hr size=?>(?以像素为单位)
g>[|/ z P W
biUz2) LRhq%7p7
横线长度 <hr width=?> (?以像素为单位)
]Mh7;&<6[ b
W`@9 =E n9zS'VU \w
6%J77 h&!k!Su3# 横线长度 <hr width=?%> (?与页宽相比较的百分比)
"~h.u PAe2hJ zN\~v NRS!Ox mne^PSI: 实横线 <hr noshade> (无立体效果)
1%L* 9>e 6,Q{/ %Km_Sy[7'] Fj
Up+5 3I_"vk g~L1e5C]z k3m|I*_\L Q<L.!%vu} Ne]/ sQ0 四、背景颜色
-(n[^48K |Hbe]2"x> Ru?Ue4W^b X$O,L[] 4 6,'!z
?d% 背景图案 <body background="图形文件名"> (图形文件格式为gif和jpg)
@= c{GAj kWfNgu$xK t|*PC %J`; xDBEs* 背景颜色 <body bgcolor=#rrggbb>
r\Wp\LfY&{ j$*]'s&_hZ S^
?OKqS 5eC5oX> +q
] 背景文字颜色 <body text=#rrggbb>
`8F%bc54iw ZkYc9!anY 2#'[\*2|N r
*/Pyh O0xL;@rBe 未链结点颜色 <body link=#rrggbb>
W%09.bF ]lF'o&v] %E7+W{?*1 US)wr h<*l=`# 已链结点颜色 <body vlink=#rrggbb>
>taS<.G f8! PeQ? l;L&ijTQD ~(B\X?v p5C
sw5 正在链结点颜色 <body alink=#rrggbb>