HTML语言制贴快速入门

《 前 言 》

   HTML语言是最常用的网页语言之一，因为它极大地提高了帖子可观赏性，而且编码简单、变化无穷，所以被越来越多的会员接受和使用。本文适合基本掌握了LB5000格式又想了解使用网页语言制贴的朋友。

   唐宋帮助里的“LB5000 标签”网址：

   

   基于本文的标题和本人水平，只能结合自己的经验先谈点最基本的入门常识，难免有疏漏甚至错误，就算抛砖引玉吧；欢迎高水平的朋友提出指正意见。

本文目录

一、入门概述

二、文字格式

三、图片格式

四、音乐（包括视频）格式

五、外眶格式

六、FLASH（动画）格式

七、网页引用格式和转贴问题

八、附录


一、入门概述

   1、HTML语言格式很多，要系统学习也许应该上专科学习，但作为一般爱好者，只要经过初步学习和试验，大概就可以简单制贴了；其实凡能够掌握了唐宋论坛现在使用的LB5000制贴格式，就一定有能力掌握HTML格式；“入门并不难，深造也是办得到的”，而且在唐宋论坛的“琴版”和“人文”版里HTML格式与LB5000格式还可以混用，每个人都可以找到最方便和适合自己的办法。

   2、学习方法：对于不想花工夫的朋友，一般不需要系统学习，能知晓本贴的十几个固定格式，并且把这些固定格式复制下来，象使用数学公式一样会套用，然后进行“填空”作业，加一点实验、体会、摸索，就可以发贴了。当然，要做出漂亮、新颖、精致的帖子，还需要花些工夫。

   3、典型的HTML格式帖子包括：文字、图片、乐曲、外眶、动画等。下面分别说明。



二、文字格式

1、设置字体
   

代码：

---

......

   术语解释：
   1）color=颜色：字体颜色与原LB5000相同，如#00ff00代表绿色;
                #0000ff代表兰色等。省略color项，默认黑色字体。

   2）face=字体：字体与原LB5000相同；字体库的种类因而异，一般都有：
               “楷体_gb2312”、“隶书”、“华文魏体”、“华文彩云”等；
                省略face项，默认宋体。

   3）size=字号：字体大小与原LB5000相同，省略默认1号字。

2、文字的另一种表示方法(举例）：
   

代码：

---

文字内容

   显示为字的大小为20象素（可调）；字体为华文行楷；颜色为红色。

   颜色的英文和标号对照表




3、文字（图片）的移动

代码：

---


文字或图片    说明: up 向上移动

文字或图片  说明: left 向左移动

文字或图片 说明: right 向右移动

文字或图片 说明: down 向下移动

文字或图片  说明:alternate 左右来回走

图片移动与文字移动一样，就是把文字部分换成贴图的代码（图片代码下面介绍）。

   注释：汉字的特效种类较多，不一一介绍。详见清华大学HTML语言教程：

       



三、图片格式

1、 HTML的一般图片格式(不改变大小）
   

代码：

---

   举例：
   

代码：

---

   显示效果(保持原图一样）：

   补充术语解释：

代码：

---

图片网址

：

表示图片居中。  

2、 有缩小和放大功能的图片格式（宽度和高度的数值与LB5000格式相同）：

   

代码：

---

 1）缩小图片
   

代码：

---

   显示效果：



 2）放大图片
   

代码：

---

   显示效果：





四、音乐格式

   1、 自动播放音乐格式

   1）显示播放器
   

代码：

---

   

代码：

---

举例：

   显示效果：



   术语解释：

   embed----插入
   src----网址
   width----宽度
   height----高度
   autostart----（出发）的起点
   true----自动（开始）  

   2）隐藏播放器（代码width=0 height=0 表示隐藏）

   

代码：

---

   2、点播的音乐格式

   

代码：

---

   点播效果：



   术语解释：

代码：

---

autostart=false：模式选用点播

   3、反复播放音乐格式
   

代码：

---

   4、播放视频格式
   

代码：

---

   术语解释：type=application/vnd.rn-realmedia：类型是RM播放器




五、外眶格式

   1、通常外眶是HTML帖子的主要特征。重点需要了解和掌握。外眶的作用是构成帖子的大小和特色，可以有单层和多层。

   2、单层简单格式(例一)：[b]
   

代码：

---

   帖子无内容

   

   [b]例一的显示效果：

   

   帖子无内容

   

   术语解释：
   

代码：

---

1)borderColor=#0000ff：边线颜色，例一设置为兰色；

   2)CellPaddin=10：      边框内线与边线距离，例一设置为两线距离为10点象素；

   3)CellSpacing=20：     边框与内填充间隔；

   4)width=600：          帖子外眶宽度，例一设置为85%，约近600个象素点。
                        （普通贴最大宽度约690象素，也可设置绝对值，如例二）；

   5)align=center：       位置为中间；

   6)bgColor=#00ff00：    帖子底图颜色，例一设置为绿色；

   7)border=8：           外边框宽度，例一设置为8个象素；

   ８)

一层外眶

   第8项是外眶（或叫表格）一个标准格式，会用就可以了，详细介绍请看清华大学tmhl语言教程网页：

   


   3、外眶加背景图（例二）
   

代码：

---

   帖子无内容

例二的显示效果：

   帖子无内容

   补充术语解释：

代码：

---

background=

：背景资料是这个网址的图片

   4、眶内加图片（例三）

   变化一下例二：
   

代码：

---

   

   例三的显示效果：

   

   

六、FLASH（动画）格式

   1、一般FLASH播放格式
   

代码：

---

   术语解释：

   三个汉字的位置分别加入高度、宽度值和动画网址。

   autostart=true：自动播放格式（同音乐）

   举例：
   

代码：

---

   显示效果：


   
   2、透明FLASH播放格式
   

代码：

---

   举例：  
   

代码：

---

   显示效果：

 

   3、图片加FLASH特效：

代码：

---




   显示效果：



   注释：这个模式实际上就是“有外框的图”+“透明FLASH”，术语同上。




七、网页引用格式和转贴问题

   1、网址引用
   标准格式：

代码：

---

标注说明

   举例如：引用唐诗宋词论坛网址：
   

代码：

---

   2、显示网页引用

   简单格式：
   

代码：

---

   举例如：唐诗宋词论坛
   

代码：

---