Google
      
发新话题
打印

HTML代码入门基础(一)

HTML代码入门基础(一)

初学者一打开HTML制式,看到的往往是一堆代码,即便不晕也是丈二和尚,往往会在这个时期放弃学习,实际上你只要摸上规律,找到窍门,它是很简单的,因为它的组成是有定律的、是固定的

下面我就从最基本的、最基础东西开始,和大家共切磋

HTML语言音画最基本的构成就是五个部分:
1.边框

2.文字
3.图片
4.音乐
5.FLASH

下面就这五个方面分别讲解.讲解之前还是让我们对论坛常用的代码及其表达的意思做个了解.只有搞清楚这些代码的意思才好进一步往下学.

注意 HTML代码除了极个别例外,绝大部分代码在使用时都是成对使用的,有开头必须有结尾.
一.常用文字代码:

<font>..........</font>
:定义文字的大小,类型,颜色等,有一个开头和结尾,定义文字大小颜色类型的表述代码必须加在他的中间


size=#:#=1~7;数字愈大字也愈大 例如: <font
size=4>文字</font>


face="字体名称":定义字型.例如:<font  
face=楷体_GB2312 size=4>简单音乐</font>


color=#rrggbb:定义字体的颜色,字体颜色的代码可以是色码,例如#ff0000,(不同颜色的色码可根据色码表选取,详见http://www.e077.com/viewthread.php?tid=7686&page=4&extra=page%3D1#pid24549)也可以是英文:
red 红色 green 绿色  blue  蓝色 white 白色  
purple  紫色 yellow  黄色  violet  紫罗兰色

brown  褐色  black  黑色  
pink  粉红色 orange  橙色 gold  金色

例如:<FONT face=楷体_GB2312 color=#f1f1f1
size=3>简单音乐 </FONT>


粗体字
<b>..........</b>这个就不多说了


字体加粗<STRONG>..........</STRONG>和<b>标签差不多的效果

以上是最基本的文字代码,对于文字特效代码,暂且不表,今后结合后面的内容再讲.
附上其他的一些文字代码只须了解无需多记
<i>...</i>斜体字

<em>...</em>斜体字(强调)
<dfn>...</dfn>斜体字(表示定义)

<u>...</u>底线
<ins>...</ins>底线(表示插入文字)

<strike>...</strike>横线
<s>...</s>删除线

<del>...</del>删除线(表示删除)
<kbd>...</kbd>键盘文字

<tt>...</tt> 打字体

<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)

<plaintext>...</plaintext>固定宽度字体(不执行标记符号)

<listing>...</listing> 固定宽度小字体
<font
color=00ff00>...</font>字体颜色
<font size=1>...</font>最小字体

<font style =font-size:100 px>...</font>无限增大


二.常用图片代码:
1.插入图片 <img src="图形文件连接地址">
2.插入图片<img
src=图片地址 width=180>设定图片宽度
3.插入图片<img src=图片地址 height=30>设定图片高度

4.插入图片<img src=图片地址 alt=提示文字>设定图片提示文字
(当鼠标移到图片上面所显示出的文字)
5.插入图片<img src=图片地址 border=点数>设定图片边框
.其中border是定义边框的厚度,点数可以使用整数如1,2,3,4.....等也可以使用象素单位px如:8px,12px....等

6.设定图形上下左右留空 -- vspace、hspace <img src="图形文件名"
vspace=上下留空点数
hspace=左右留空点数>
以上是常用的贴图代码,由于实际使用中会涉及很多图片的特效处理,这里也不做过多的介绍了在今后的介绍中会结合实际讲解.

TOP

学习学习,怎么没有人支持呀,我先支持:132: 下

TOP

感谢支持 呵呵 :130:

TOP

发新话题