HTML代码入门基础(一)
<P align=left><FONT color=#006600 size=4>初学者一打开HTML制式，看到的往往是一堆代码，即便不晕也是丈二和尚，往往会在这个时期放弃学习，实际上你只要摸上规律，找到窍门，它是很简单的，因为它的组成是有定律的、是固定的<BR><BR>下面我就从最基本的、最基础东西开始，和大家共切磋<BR><BR>HTML语言音画最基本的构成就是五个部分：<BR>1.边框</FONT></P>
n|,v
LA
<P align=left><FONT color=#006600 size=4>2.文字<BR>3.图片 <BR>4.音乐<BR>5.FLASH<BR><BR>下面就这五个方面分别讲解.讲解之前还是让我们对论坛常用的代码及其表达的意思做个了解.只有搞清楚这些代码的意思才好进一步往下学.</FONT></P>
o t Po
~ iG
<P align=left><FONT color=#006600 size=4><FONT color=red>注意 </FONT><FONT color=red>HTML代码除了极个别例外,绝大部分代码在使用时都是成对使用的,有开头必须有结尾.</FONT></FONT></P>
wt&Y#Q*t5[ oc
<P align=left><FONT color=#006600 size=4>一.常用文字代码:</FONT></P>
;} Y&Z ]4B
<P align=left> </P>
[*i X
t WmV m
<P align=left><FONT color=#006600 size=4><font>..........</font> :定义文字的大小,类型,颜色等,有一个开头和结尾,定义文字大小颜色类型的表述代码必须加在他的中间</FONT></P>
p-]Qt1u K$s h
<P align=left><FONT color=#006600 size=4></FONT> </P>
4G-a-D v&e:^C+W
<P align=left><FONT color=#006600 size=4>size=#:#=1~7；数字愈大字也愈大 例如: <font size=4>文字</font></FONT></P>
F ^g;H#`b$@1Q|
<P align=left><FONT color=#006600 size=4></FONT> </P>
|J[E
CK!|)WV
<P align=left><FONT color=#006600 size=4>face="字体名称":定义字型.例如:<font face=楷体_GB2312 size=4>简单音乐</font></FONT></P>
Ac UJk
<P><FONT color=#006600 size=4></FONT> </P>
U[-D;@ p3j&G)|!h7Q
<P><FONT color=#006600 size=4>color=#rrggbb:定义字体的颜色,字体颜色的代码可以是色码,例如#ff0000,(不同颜色的色码可根据色码表选取,详见<A href="http://www.e077.com/viewthread.php?tid=7686&page=4&extra=page%3D1#pid24549">http://www.e077.com/viewthread.php?tid=7686&page=4&extra=page%3D1#pid24549</A>)也可以是英文:</FONT></P>
Y6n8^ `uXQ
<P><FONT color=#006600 size=4> red 红色 </FONT><FONT color=#006600 size=4> green 绿色 blue 蓝色 white 白色 purple 紫色 yellow 黄色 violet 紫罗兰色</FONT></P>
8B!tG
m x
t aB~
<P><FONT color=#006600 size=4> brown 褐色 black 黑色 pink 粉红色 orange 橙色 gold 金色 </FONT></P>
H z]7sw
<P><FONT color=#006600 size=4>例如:<FONT face=楷体_GB2312 color=#f1f1f1 size=3>简单音乐 </FONT></FONT></P>
^ N,cH q7B
<P><FONT color=#006600 size=4></FONT> </P>
P ^s_RH~
<P><FONT color=#006600 size=4>粗体字 <b>..........</b>这个就不多说了</FONT></P>
4j GS S)z G
<P><FONT color=#006600 size=4></FONT> </P>
#P2|/UOQ-jiF}
<P><FONT color=#006600 size=4>字体加粗<STRONG>..........</STRONG>和<b>标签差不多的效果</FONT></P>
2K K6}R"Sm
<P> </P>
,DLuI]X7n5D
<P><FONT color=#006600 size=4>以上是最基本的文字代码,对于文字特效代码,暂且不表,今后结合后面的内容再讲.</FONT></P>
0p D4uF C(X+bn
<P><FONT color=#006600 size=4>附上其他的一些文字代码只须了解无需多记</FONT></P>
*O.Qq7N6})z3i4H
<P><FONT color=#006600 size=4><i>...</i>斜体字 <BR><em>...</em>斜体字(强调) <BR><dfn>...</dfn>斜体字(表示定义) <BR><u>...</u>底线 <BR><ins>...</ins>底线(表示插入文字) <BR><strike>...</strike>横线 <BR><s>...</s>删除线 <BR><del>...</del>删除线(表示删除) <BR><kbd>...</kbd>键盘文字 <BR><tt>...</tt> 打字体 <BR><xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <BR><plaintext>...</plaintext>固定宽度字体(不执行标记符号) <BR><listing>...</listing> 固定宽度小字体 <BR><font color=00ff00>...</font>字体颜色 <BR><font size=1>...</font>最小字体 <BR><font style =font-size:100 px>...</font>无限增大</FONT></P>
G*Z:T6i2M5zAK
<P><FONT color=#006600 size=4></FONT> </P>
,]W
\jY,f#O:{h C&L V%u
<P><FONT color=#006600 size=4>二.常用图片代码:</FONT></P>
3V
b
} L ` ~|
<P><FONT color=#006600 size=4>1.插入图片 <img src="图形文件连接地址"><BR>2.插入图片<img src=图片地址 width=180>设定图片宽度 <BR>3.插入图片<img src=图片地址 height=30>设定图片高度 <BR>4.插入图片<img src=图片地址 alt=提示文字>设定图片提示文字 (当鼠标移到图片上面所显示出的文字)<BR>5.插入图片<img src=图片地址 border=点数>设定图片边框 .其中border是定义边框的厚度,点数可以使用整数如1,2,3,4.....等也可以使用象素单位px如:8px,12px....等</FONT></P>
P kto @ ]4L
<P><FONT color=#006600 size=4>6.设定图形上下左右留空 -- vspace、hspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数><BR>以上是常用的贴图代码,由于实际使用中会涉及很多图片的特效处理,这里也不做过多的介绍了在今后的介绍中会结合实际讲解.<BR><BR></P></FONT>
F bgRMS
NNS;]
<P align=left><FONT color=#006600 size=4><BR><BR><BR> </P></FONT>