HTML代码学习教程入门
来源:百度文库 编辑:神马文学网 时间:2024/10/02 16:37:00
HTML代码学习教程入门
相关专题: 网页技术 时间:2009-05-12 09:47 来源: 阿里论坛 HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件,需要通过WWW浏览器显示出效果。所谓超文本,因为它可以加入图片、声音、动画、影视等内容,因为它可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。
通过HTML可以表现出丰富多彩的设计风格
图片调用:
文字格式:文字
效果如下:
文字
通过HTML可以实现页面之间的跳转
页面跳转:〈A HREF="文件路径/文件名">
通过HTML可以展现多媒体的效果
声频:
你可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件,既简单又方便,它通常使用<标志名>标志名>来表示标志的开始和结束(例如
从代码结构来看,HTML帖子实际上就是一个去头去尾的Web页面,换句话说用HTML代码编辑的帖子
其实质就是网页编辑的一个小内容.因此要想学精通是比较困难的,可是千万别怕!!!我们都不是从事网页设计的,只想编个漂亮的帖子而已,那就简单的多了.大家只要记熟一些常用的代码,了解这些代码的含义就完全够了,我们可以采取套用(简单的复制粘贴),转贴后修改等方法来达到目的,多则半个月,少则一个星期,应该就能制作HTML代码帖子了,套用多了,自然就熟悉了,有兴趣的话可以进一步求精了.论坛HTML帖子常用代码
一、文字标记
基本代码如下:
插入文字
align=center 表示字体居中,可选值为居右(right)居左(left)
color=颜色代码
face=字体 常用字体为:宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等
size=字体大小,这里的最大值为6 取值越大文字就越大
1.字体变化 ..........
a.字体大小 .......... #=1~7;数字愈大字也愈大
b.指定字型 ..........
c.文字颜色 ..........
rr:表红色(red)色码
gg:表绿色(green)色码
bb:表蓝色(blue)色码
rrggbb也可用6位颜色代码数字
2.粗体字 ..........
3 字体加粗..........和标签差不多的效果
4.换行(也称回车)
5.分段标记
文字的对齐方向
#号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.
之后的文字都会以所设的对齐方式显示,直到出现另一个
改变其对齐方向,遇到
或
6.区隔标记
称为区隔标记。作用:设定字、画、表格等的摆放位置。
应用于 Style Sheet(式样表)方面会更显威力,它最终目的是给设计者另一种组织 能力,有 Class ; Style ; title ; ID 等属性。。
以
以
为例:
align="center"
可选值:center ; left ; right 。决定字、画、表格等居中、靠左或靠右。
align="center"
可选值:center ; left ; right 。决定字、画、表格等居中、靠左或靠右。
的作用和居中标记 一样。。
注:其实常用跟
a.分隔线的粗细
b.分隔线的宽度
c.分隔线对齐方向
#号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐
d.分隔线的颜色
e.实心分隔线
8.居中对齐.......... 跟
注:其实常用跟
标签的效果差不多,但是功能比
相对强一些。。。
7.分隔线
a.分隔线的粗细
b.分隔线的宽度
c.分隔线对齐方向
#号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐
d.分隔线的颜色
e.实心分隔线
8.居中对齐
........
,........
效果基本是一样的。。。
9.文字移动标记
移动速度指令是:scrollAmount=# #最小为1,速度为最慢;数字越大移动的越快。
字符移动每步的延时:scrolldelay=# 属性值为数字, #最小为1, 数值越大速度越大,反之亦然。
移动方向指令是:direction=# up向上、down向下、left向左、right向右。
移动方式:behavior 属性值为scroll:文字单向移动,side:移动到边界停止,alternate:到边界后反向移动;
align,对齐方式,其属性值为center,left,right,top, middle, bottom,分别表示居中,左对齐, 右对齐,对齐上沿、中间、下沿;
bgcolor,移动字符的背景色,属性值为颜色代码,可以是rrggbb 16 进制数码,r=red,g=green, b=blue,也就是色彩中的三原色,也可是预定义色彩;
loop,移动字符的循环次数,属性值为数字,若未指定则循环不止(infinite);
width及height,文字高度和宽度,以象素为单位,属性值为数字;
hspace字符左右留白长度,属性值为数字;
vspace字符上下留白长度,属性值为数字;
scrollamount字符的移动速度,属性值为数字,数值越大速度越大,反之亦然.
9.文字移动标记
移动速度指令是:scrollAmount=# #最小为1,速度为最慢;数字越大移动的越快。
字符移动每步的延时:scrolldelay=# 属性值为数字, #最小为1, 数值越大速度越大,反之亦然。
移动方向指令是:direction=# up向上、down向下、left向左、right向右。
移动方式:behavior 属性值为scroll:文字单向移动,side:移动到边界停止,alternate:到边界后反向移动;
align,对齐方式,其属性值为center,left,right,top, middle, bottom,分别表示居中,左对齐, 右对齐,对齐上沿、中间、下沿;
bgcolor,移动字符的背景色,属性值为颜色代码,可以是rrggbb 16 进制数码,r=red,g=green, b=blue,也就是色彩中的三原色,也可是预定义色彩;
loop,移动字符的循环次数,属性值为数字,若未指定则循环不止(infinite);
width及height,文字高度和宽度,以象素为单位,属性值为数字;
hspace字符左右留白长度,属性值为数字;
vspace字符上下留白长度,属性值为数字;
scrollamount字符的移动速度,属性值为数字,数值越大速度越大,反之亦然.
作者:轻舞飞扬-超群