论坛里面总是有人在问怎么贴图怎么改变字体颜色,找了一篇入门HTML语法供大家学习。(俺承认俺比较懒,所以只是去找了一篇)
!1Cy$}w pQ<Y:-`c 在此要强调的是:希望大家先在自己电脑上的frontpage里面练习。而且frontpage里面有更多的效果,你自己选定了一种效果可以从"html"里面看到相应的语法——这叫做“自学成才”。非常希望大家可以学会先自己寻找答案,而不是去遇到问题就询问别人,自己找到的印象才深刻,问出来的永远是别人的。
m<qJcZk 1q1jZqno 也可以通过查看源文件的方法学习:网页上单击鼠标右键-->选择“查看源文件”,弹出一个.txt文件包含了这个网页的源代码,好好学习吧。
VEw"
9Ly]DZ;L Wh2tNyS 一、基本标记
Y.ToIka{ 2Jmz(c
H% eSmLf*\G A1?2*W
WPG(@zD 标题 <h?>标题</h?>(?=1~6,改变标题字的大小)
/mu*-,aeX M$8^91%4B h
J#xB6 (<oyN7NT *6F[t.Or 标题1
QM#4uI55B 8j\cL' Nf"r4%M<6 zY!j:FT1HY 字加大 <big>加大字</big>
6N
S201o J@Q7p} FXN/Yq u'W8;G*~ I \[_9 字变小 <small>缩小字</small>
u=7J/!H7^ t*T2Z-!P T7u%^xm %H&@^Tt a EbE-}>7OO 粗体字 <b>粗体</b>
d]6#m'U LS*y =4PV;>X \GZM&Zd ^ ALly2 斜体字 <i>斜体</i>
SY^t} A7:/ kZZh"#W: L ZR]25Yy .=;3d~.] 48qV>Gwf 下划线 <u>下划线</u>
Y
Sh+pr s1NKLt aV?@s4 ytoo~n X+S9{X#Cm 上标字 <sup>e=mc2</sup>
x+x40!+\
4/1d&Sg a]/>ra5{ m~u5kbHOi= ~ZhraSI)G 下标字 <sub>h2o</sub>
[[Fx[ T}P".kpbS M&Uj^K1 W"'iIh)z
` 5nO% Ke= 居中 <center></center>
}36QsH8 O
Jzs Q 居中
:Q_<Z@2Y{ ;b(p=\i kO{s^_qR^c Jesjtcy<* <-S%kA8 基本字体大小 <basefont size>(取值范围从1到7,默认值为3)
2e9es pg%aI, <l9-;2L4 me ks
RcF $.v5~UGb{\ 改变字体大小 <font size=?>size=5</font> (?=1~7)
k]HEhY ?0oUS+lU Y> Wu P*Tx14xe4 :`2=@ . 字体颜色 <font color="#rrggbb">color=red</font>(rgb色码或颜色名)
JEgx@};O ['*8IWg Cp]"1%M, k{$ ao R%
,<\d7 指定字体 <font face=?>face=verdana</font>(?=宋体,楷体等)
UaV iI/ks ]&{ ci GMZv RAui 3^~KB'RZ 0{PzUIM,W n?urE-_ /q$,'^.A Iu*^xn U(;&(W"M
(%:>T
Q( 贴图 <img src="图片地址">
Uyr3dN%*r {E0z@D)U- Q;J`Q wkH 3 Lsj}p {Pu\?Cq 图片位置 <img src="url" align=top,bottom,middle,left,right >(分别为上、下、中、左、右的位置)
K
!
mOr
\rV
B5|D? 图片取代文字 <img src="url" alt="这是个x">(无法显示图形时用)
5I@w~z U70]!EaT 0G2g4DSKD (?b@b[D~4 9r2IuS0 图片尺寸 <img src="url" width=? height=?> (?以像素为单位)
xT)psM'CL
Q\3 Z|% ^R$'eG 4L? *}):<nB$^ <[/%{sUNC 图片边框 <img src="url" border=?> (?以像素为单位)
+"g~"< #DkD!dW(l swc@34ei\ te4= S
ehAu^^Q> 图片四周留白 <img src="url" hspace=? vspace=?> (?以像素为单位)
vG2b:[W qYp$fmj kDz>r
#% 2PSTGG8JV hD<f3_k L6i|:D32p ".~{:= 7=*VpX1 7XyOB+aQO 二、超链接
I2HT2c$ ,c
)g,J9 .
%0ne:5 u&T
dWZe pyW u9 网址链接 <a href="url" target=_blank>
http://www.google.com/</a> e"+dTq8W I&1!v8 (target=_blank目标链接在新窗口中打开)
|&hU=J
o Z]-WFU_
N p#_[ 04y!\ G"S5ki`o 三、区段划分
e4qj .b ]X" / yAn Wtv#h~jy9 "'eWn6O( S>ugRasZ$ 段落 <p></p>
&N{zkMf Bz]J=g7 HIPL!ss] MYTS3( +(AwSh ! 换行 <br>
]7F)bIG[ lS3 _Ild NS5 49S n^6TP'r J3\)Jy 横线 <hr>
HWR&C 4(iS-8{J L{K*~B -p --------------------------------------------------------------------------------
F`D9Zfd !pS~'E&q
.
X
0t" .
/)j5M 1Q_ ``.M 横线厚度 <hr size=?>(?以像素为单位)
/Ef4EX0 q @*UUj@ <
[w++F~ 横线长度 <hr width=?> (?以像素为单位)
K*[0dza$ C[W5d~@;E ^~*8 @v"" 6DO0zNTY I`#EhH 横线长度 <hr width=?%> (?与页宽相比较的百分比)
=jBL'|k5 Bx%=EN5. <M`-`v6H Q+/R
JM?3@ [5-!d!a|st 实横线 <hr noshade> (无立体效果)
{z-NlH
4Z],+?.[ $TFTIk*uU @#1cx ,$o-C&nC gnYnL8l`J _RgxKp/d enWF7` G)j
G!`I 四、背景颜色
y}CkzD {kT#o3,>w6 Z<w,UvJa 4b]IazL) 1g+LF[*-~ 背景图案 <body background="图形文件名"> (图形文件格式为gif和jpg)
WvIK=fdZ$ cvn-*Sj iM4mkCdOO nm<L&11 (Be$$W 背景颜色 <body bgcolor=#rrggbb>
N=hSqw[ ::kpl2r\c 9)1P+c-- Rv0-vH.n ?S+/QyjcfJ 背景文字颜色 <body text=#rrggbb>
j*zB
{ s
K oiIt3<BX h[vAU 9f)
}M;sz =M Q2sb 未链结点颜色 <body link=#rrggbb>
!NlB%cF Pc di DN2hv2 wWp?HDl"M |:`?A3^m# 已链结点颜色 <body vlink=#rrggbb>
Y/QK+UMW* .H*? '* A- <.# t!+%g) @ %3#b6m~ 正在链结点颜色 <body alink=#rrggbb>