HTML代码学习教程入门

来源：百度文库 编辑：神马文学网 时间：2024/07/02 16:28:12

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文档中这样的标志对都必须是成对使用的。


从代码结构来看，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 。决定字、画、表格等居中、靠左或靠右。
的作用和居中标记
一样。。
注：其实常用跟

标签的效果差不多，但是功能比

相对强一些。。。


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字符的移动速度，属性值为数字，数值越大速度越大，反之亦然.

作者：轻舞飞扬－超群

HTML代码学习教程入门 HTML教程，HTML代码 HTML代码贴图教程 HTML代码学习1 HTML代码学习一 HTML代码学习m HTML代码学习 html代码示例 网页教程与代码 HTML代码学习（一） HTML表单(Forms)-HTML教程 网页教程与代码 Dreamweaver入门:如何查看html代码 乐趣-HTML代码教程及相关例子 HTML单层及多层代码【教程详解】 ★教程篇★HTML 代码大全 ★教程篇★HTML 代码大全 HTML代码音画全部高级教程 HTML教程，HTML代码 网页教程与代码 www.admin5.com 站长网教程中心 jsp入门学习教程 HTML代码学习（一） 00 HTML代码学习（二） 00 11学习HTML代码做音画贴 HTML代码学习（一）1 HTML代码学习（二）1 HTML基础Tag-HTML教程 网页教程与代码 站长网教程中心