实用博客基本代码、技巧大全（普及版）

来源：百度文库编辑：神马文学网时间：2024/04/27 11:02:18

HTML代码

引用

乐逍遥的手把手教你编写HTML代码

大家常在论坛看到的那些漂亮的帖子多是漂亮的图片、音乐加上一些代码组成，这些代码就是传说中的HTML代码，觉得一个精美的代码帖子不外乎就是将文字+图片+音乐或再加上FLASH通过HTML标签编排组成的。这些帖以她的独特魅力，吸引了众多网友。但很多朋友没有去揭开她那美丽的面纱，而总是在门外徘徊。因此我编制这个教程帖，旨在和大家一起学习交流，也希望喜爱她的朋友们都去了解它，去接近它，多实践，用你手中的画笔绘出精彩和美丽，编制出自己的美丽心情。。。

HTML即超文本标记语言(HypertextMarkupLanguage),也叫WEB网页语言，做网页了解它是必要的，虽然现在有很多制作网页的工具如：Dreamwvear，FrontPage等，其实不懂这些代码也能做出很漂亮的网页。。。因为HTML内容繁多，很少有人愿意用写代码做网页的(效率低），大都使用软件，所见即所得，不过，了解这些代码对细微部分的修改相对会方便一些。。。我们论坛里做的帖子只是HTML语言的一小部分(很容易掌握的)，我们也不需要了解那些大多HTML代码的实际意义，我们只了解常用的几个标签就可以了，这样，对制作、调试效果都有帮助。在这里我给大家收集整理一下代码的编写规则解释。。。我在这方面也没有很深入的学习，有不足或不当之处，还请大家补充完善。谢谢！

感觉这些代码主要是起编排的作用，也有一些不错的特效(主要是网页特效，就是一些脚本语言编写的，有点专业)在论坛里支持的只是一小部分，所以一些漂亮的图片大都是经过软件处理的如：PS，FW，UG等图像处理软件。。。不过，我发现真水很多朋友都会做图，这是我们的优势，只要稍微了解这些代码，很快就有精美的作品问世。。。呵呵，还等什么呢？还是那句话，心动不如行动。。。相信你一定行。。:)

大家有什么不明白的地方，可以提出来一起探讨。。。相信大家很快就能做出自己心爱的帖子。。。:)

公式：精美的代码帖子=文字+图片+音乐+FLASH 所以我们只了解相关标签就行了。。。

常用HTML代码：

一、文字标记

基本代码如下：

插入文字

align=center　表示字体居中，可选值为居右（right）居左（left）

color=颜色代码

face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

size=字体大小，这里的最大值为7　取值越大文字就越大

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向右。
 属性值为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字符的移动速度，属性值为数字，数值越大速度越大，反之亦然；
 常用指令举例：
..........
a. 啦啦啦，我会移动耶！
b. 啦啦啦，我从右向左移！
啦啦啦，我从右向左移！
c. 啦啦啦，我一圈一圈绕着走！
啦啦啦，我一圈一圈绕着走！
d. 啦啦啦，我来回走耶！
啦啦啦，我来回走耶！
e. 啦啦啦，我走一步，停一停！
啦啦啦，我走一步，停一停！
二、图片标记
1.插入图片
2.设定图框 -- border
3.设定图形大小 -- width、height
4.设定图形上下左右留空 -- vspace、hspace
5.图形附注
例1：

例2：

三、表格相关(我们做帖子背景主要就是表格)
例1：
源代码如下：

帖子内容，文字或图片.....

1.定义表格
即我们做帖子时的背景。
2.定义列
：标志对之间才是有效的，
 ii.
标志对用来创建表格中的每一行。
3.定义栏位 i.
标志对用来创建表格中一行中的每一个格子，
 此标志对也只有放在
：标志对用来设置表格头，通常是黑体居中文字。
a.水平位置 -- align
 #号可为 left：向左对齐 center：向中对齐 right：向右对齐
b.垂直位置 -- align
#号可为
 top：向上对齐 middle：向中对齐 bottom：向下对齐
c.栏位宽度 -- width

d.栏位垂直合并 -- rowspan

e.栏位横向合并 -- colspan

四、表格的主要属性
例：
的参数设定（常用）：
border="1"
cellspacing="2"
cellpadding="2"
align="CENTER"
valign="top"
background="myweb.gif"
bgcolor="#0000FF"
bordercolor="#CF0000"
bordercolorlight="#00FF00"
bordercolordark="#00FFFF"
cols="2">
1.
标记的主要属性
 align 定义表格的对齐方式，有三个属性值 center(中)，left(左)，right (右)。
 background 定义表格的背景图案，属性值为图片的地址。
 bgcolor 定义表格的背景颜色，属性值是各种颜色代码。
 border 定义表格的边框宽度，属性值是数字。
 bordercolor 定义表格边框的颜色，属性值是各种颜色代码。
 cellpadding 定义单元格内容与单元格边框之间的距离，属性值是数字。
 cellspacing 定义表格中单元格之间的距离。
 height 定义表格的高度，属性值是数字-----接受绝对值（如 500）及相对值（如 100%）。
 width 定义表格的宽度，属性值是数字-----接受绝对值（如 400）及相对值（如 80%）。
 bordercolorlight 表格边框向光部分的颜色。
 bordercolordark 表格边框背光部分的颜色。
 valign 定义表格垂直位置 -- top：向上对齐 middle：向中对齐 bottom：向下对齐。
注意：
使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效,即不能同时使用。
2.
标记 表格是由多行与多列组成的，标记用来定义表格的一行，他的属性极其属性值定义的是表格中的该行，其主要属性与属性值如下：
 align定义对齐方式，属性值与上同
 background定义背景图案 bgcolor定义背景色
3.
标记 用标记概况起来的内容表示表格的单元。其主要属性与属性值和标记的一样，补充两个合并列和行的代码：
 colspan定义合并表格的列数，属性值是数字
 rowspan定义合并表格的行数，属性值是数字
五、歌曲标记:
在论坛做帖常用格试如下：
如：

在这组代码中，不必管它是mms.http.rtsp，只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码:

说明：一般用来插入mp3 rm ra ram asf mid 等音乐文件，如果要隐藏播放器，把width和height的数值改成0或者1就可以了。
1. EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton">

2. EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">
常用属性如下：
src="your.mid"
设定 midi 档案及路径，可以是相对或绝对。
autostart=true
是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。
loop="true"
是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。
HIDDEN="true"
是否完全隐藏控制画面，true 为是，no 为否 (内定)。
STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。
VOLUME="0-100"
设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定
WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")
ALIGN="center"
设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom >
CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板　　
smallconsole 较小的面板　　
playbutton 只显示播放按钮　　
pausecutton 只显示暂停按钮　　
stopbutton 只显示停止按钮　　
volumelever 只显示音量调节按钮
例一：

作为背景音乐来播放，隐藏了播放器。
例二：

出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。
注明：可用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及新版的 IE 都支持。
IE中的的背景音乐
代码如下：

#=循环数
注明：这种背景音乐格式，只有在IE浏览器中才可以听到。一般用来插入wav wma mid mp3等格试的音乐。
晕，发个音乐要了解那么多？呵呵，大家大可不必，想知道的可以了解一下，其实把下面代码复制过去换一下歌曲地址就ok了。。。

六.透明FLASH的使用
例：

2层

常用代码如下：

说明：TOP: 后面的width=400 height=3000 就是指FLASH的宽和高了。
 在使用这种格式时要反复的调整定位距离大小才能达到满意的效果 :)
 align=right 相对背景图片右对齐。。。
注意事项：
大家一定发现这个style标签了吧。。。
这个是做一些特效，如，滤镜效果，文字特效，所用到的标记即CSS（Cascading Stylesheets，层叠样式表）
是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。。。
Style属性可以应用在标签中，更可广泛应用在

帮你认识HTML命令中各标签的含义
首先说明，我找到的这个HTML标签速查表，其中有一些命令在网易的模块和日志中是没用的，你也不用来这里找命令标签去编辑你的模块或日志。但这个表有什么用处呢？我的见意是：当你在别人那里得到一组命令，而不知道这组命令中的某一个<***>代表什么意思，那么你可以过来看一下，就知道那组命令中的<***>是做什么的了。

HTML 语言简明教程　
Html简介
全名： HyperText Mark-up Language
译名：超文件注标式语言（译名之一）
简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标签（tag）使文件达到预期的显示效果。
HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种标签的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标签组合而成，于编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然以专业的网页编辑软件为佳。
■ 阅读须知：
这一篇【HTML剖析】偏重于标签的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标签，其中只有【文件标签】是必读的，其余可任意选择。这一篇不会提及任何网页编辑软件，只要掌握了 HTML ，任何网页编辑工具都可以变成一把利器。
■ 标签写法：
任何标签皆由"<"及">"所围住，如

标签名与小于号之间不能留有空白字符。
某些标签　要加上参数，某些则不必。如 size="+2">Hello
参数只可加于起始标签中。
在起始标签之标签名前加上符号"/"便是其终结标签，如
标签字母大小写皆可。
■ 围堵标签与空标签：
标签按型态分为围堵标签与空标签
围堵标签
顾名思义，它以起始标签及终结标签将文字围住，令其达到预期显示效果。
例如 HTML Source ： Creation of Webpage is my favourite.
显示成： Creation of Webpage is my favourite.
其中便称为围堵标签。
它以起始标签及终结标签标示文字 Creation of webpage ，令它显示成粗体，两者失其一都会发生错误显示。
空标签
是指标签单独出现，只有起始标签没有终结标签。
例如 HTML Source：
I love Creation of Webpage.
Its a wonderful place.
显示成：
I love Creation of Webpage.
Its a wonderful place.
其中换行标签
便属空标签。
它的作用便是将标签后所有东西显示于下一行，可见终结标签于它是没意义的，但有些人会为空标签加上终结标签，这是为方便记认而己，对 HTML 没有影响。
HTML 标签一览
标签
类型
译名或意义
作用
备注
文件标签

●
文件声明
让浏览器知道这是 HTML 文件

●
开头
提供文件整体资讯

 ● 标题 定义文件标题，将显示于浏览顶端 <BODY> ● 本文 设计文件格式及内文所在 排版标签  ○ 说明标签 为文件加上说明，但不被显示 ○ 段落标签 为字、画、表格等之间留一空白行 ○ 换行标签 令字、画、表格等显示于下一行 <HR> ○ 水平线 插入一条水平线 <CENTER> ● 居中 令字、画、表格等显示于中间 反对 <PRE> ● 预设格式 令文件按照原始码的排列方式显示 <DIV> ● 区隔标签 设定字、画、表格等的摆放位置 ● 不折行 令文字不因太长而绕行 ● 建议折行 预设折行部位 字体标签 ● 加重语气 产生字体加粗 Bold 的效果 ● 粗体标签 产生字体加粗的效果 ● 强调标签 字体出现斜体效果 ● 斜体标签 字体出现斜体效果 <TT> ● 打字字体 Courier字体，字母宽度相同 ● 加上底线 加上底线 反对 <H1> ● 一级标题标签 变粗变大加宽，程度与级数反比 <H2> ● 二级标题标签 将字体变粗变大加宽 <H3> ● 三级标题标签 将字体变粗变大加宽 <H4> ● 四级标题标签 将字体变粗变大加宽 <H5> ● 五级标题标签 将字体变粗变大加宽 <H6> ● 六级标题标签 将字体变粗变大加宽 ● 字形标签 设定字形、大小、颜色 反对 <BASEFONT> ○ 基准字形标签 设定所有字形、大小、颜色 反对 <BIG> ● 字体加大 令字体稍为加大 ● 字体缩细 令字体稍为缩细 <STRIKE> ● 画线删除 为字体加一删除线 反对 <CODE> ● 程式码 字体稍为加宽如<TT> <KBD> ● 键盘字 字体稍为加宽，单一空白 <SAMP> ● 范例 字体稍为加宽如<TT> <VAR> ● 变数 斜体效果 <CITE> ● 传记引述 斜体效果 <BLOCKQUOTE> ● 引述文字区块 缩排字体 <DFN> ● 述语定义 斜体效果 <ADDRESS> ● 地址标签 斜体效果 ● 下标字 下标字 ● 上标字 指数（平方、立方等） 清单标签 <OL> ● 顺序清单 清单项目将以数字、字母顺序排列 <UL> ● 无序清单 清单项目将以圆点排列 <LI> ○ 清单项目 每一标签标示一项清单项目 <MENU> ● 选单清单 清单项目将以圆点排列，如<UL> 反对 <DIR> ● 目录清单 清单项目将以圆点排列，如<UL> 反对 <DL> ● 定义清单 清单分两层出现 <DT> ○ 定义条目 标示该项定义的标题 <DD> ○ 定义内容 标示定义内容 表格标签 <TABLE> ● 表格标签 设定该表格的各项参数 <CAPTION> ● 表格标题 做成一打通列以填入表格标题 <TR> ● 表格列 设定该表格的列 <TD> ● 表格栏 设定该表格的栏 <TH> ● 表格标头 相等于<TD>，但其内之字体会变粗 表单标签 <FORM> ● 表单标签 决定单一表单的运作模式 <TEXTAREA> ● 文字区块 提供文字方盒以输入较大量文字 <INPUT> ○ 输入标签 决定输入形式 <SELECT> ● 选择标签 建立 pop-up 卷动清单 <OPTION> ○ 选项 每一标签标示一个选项 图形标签 <IMG> ○ 图形标签 用以插入图形及设定图形属性 链接标签 <A> ● 链接标签 加入连结 <BASE> ○ 基准标签 可将相对 URL 转绝对及指定连结目标 排版标签 <FRAMESET> ● 框架设定 设定框架 <FRAME> ○ 框窗设定 设定框窗 <IFRAME> ○ 页内框架 于网页中间插入框架 IE <NOFRAMES> ● 不支援框架 设定当浏览器不支援框架时的提示 影像地图 <MAP> ● 影像地图名称 设定影像地图名称 <AREA> ○ 连结区域 设定各连结区域 多媒体 <BGSOUND> ○ 背景声音 于背景播放声音或音乐 IE <EMBED> ○ 多媒体 加入声音、音乐或影像 其他标签 <MARQUEE> ● 走动文字 令文字左右走动 IE <BLINK> ● 闪烁文字 闪烁文字 NC <ISINDEX> ○ 页内寻找器 可输入关键字寻找于该一页 反对 <META> ○ 开头定义 让浏览器知道这是 HTML 文件 <LINK> ○ 关系定义 定义该文件与其他 URL 的关系 StyleSheet <STYLE> ● 样式表 控制网页版面 ● 自订标签 独立使用或与样式表同用 特殊字符 调色原理 </tbody>注： ● 表示该标签属围堵标签，即需要关闭标签如 </标签>。 ○ 表示该标签属空标签，即不需要关闭标签。 IE 表示该标签只适用于 Internet Explorer。 NC 表示该标签只适用于 Netscape Communicator。 反对表示该标签不为 W3C 所赞同，通常这标签是 IE 或 NC 自订，且己为众所支持，只是 HTML 标准中有其它同功能或更好的选择。 弃用表示该标签己为 W3C 所弃用，是过时的标签，但 HTML 具向下兼容的特性，不用担心新浏览器不支援旧标签。 新表示该标签是 HTML 4.0 中新增的。<textarea> <div class="g_c_pdin"> {if (noCommentRight == true)} <div class="loginsection"> {if allowComment == 0} 登录后你可以发表评论，请先登录。 <a href="#" onclick="showLoginDlg(DomainMap.serverHostName);return false;">登录>></a> {elseif allowComment == 100} {if visitorRank==-100} 登录并添加博主为博友、通过对方确认后可以发表评论，请先登录。 <a href="#" onclick="showLoginDlg(DomainMap.serverHostName);return false;">登录>></a> {elseif visitorRank ==0} 添加博主为博友、通过对方确认后可以发表评论，请先加为博友。 <a id="AComment${parentId}" href="#" onclick="pageTopBar.showAddFriend();return false;">加为博友>></a> {/if} {elseif allowComment == 10000} 该内容仅供欣赏。 {/if} </div> {else} <div class="g_t_left" style="width:100%"> {if visitorRank <= -100} {if isAudit ==true} <div class="g_layout_05 g_h_25 g_t_left" style="margin-bottom:7px;"> 姓　　　名：<input type="text" id="username${parentId}" style="width:110px;" class="bd01 nvb g_c_input" name="username${parentId}" maxlength="18"/> (必填) <a class="c06" href="#" onclick="showLoginDlg(DomainMap.serverHostName);return false;">我要登录 -></a> </div> <div class="g_layout_05 g_h_25 g_t_left" style="margin-bottom:7px;"> 邮箱或网址：<input type="text" id="email${parentId}" style="width:200px;" class="bd01 nvb g_c_input" name="email${parentId}" maxlength="30"/> (选填) </div> {else} <div class="g_layout_05 g_h_25 g_t_left" style="margin-bottom:7px;"> <input type="text" id="username${parentId}" style="width:170px;" class="bd01 g_t_disable nvb g_c_input" name="username${parentId}" value="${userName}" maxlength="18"/> <a class="c06" href="#" onclick="showLoginDlg(DomainMap.serverHostName);return false;">我要登录 -></a> </div> {/if} {else} <div class="g_layout_05"> <div class="l g_t_left"> {if visitorAvatarDefault == true} <img class="g_img_04 bd01" src="${formatImageUrl(defaultVisitorAvatarUrl)}" onerror="this.src='http://b.bst.126.net/style/common/stranger.gif'" width="60px" height="60px" title="显示头像"> {else} <img class="g_img_04 bd01" src="${formatImageUrl(visitorAvatar)}" onerror="this.src='http://b.bst.126.net/style/common/stranger.gif'" width="60px" height="60px" title="显示头像"> {/if} </div> <div class="g_t_left"><input class="bd01 g_t_disable vb g_c_input" style="width:170px;" id="username${parentId}" name="username${parentId}" value="${userName}" type="text" maxlength="18"/></div> <div class="g_p_clear g_t_space"> </div> </div> {/if} <div class="g_c_smvdn bd01" id="edt${parentId}"></div> <div id="validCode${parentId}" class="g_c_mvdn g_t_left g_h_25" style="display:none;"></div> <div class="g_h_30 g_c_mvdn g_t_left g_w_100"> <input class="g_c_button bd01 butn" id="$$_pubbtn${parentId}" onclick="${containerObjName}.addComment('${parentId}'); return false;" type="submit" {if disabled == true}disabled="true" {/if} value="发表评论" {if hasCancelBtn==false}style="font-weight:700;"{/if}/> {if hasCancelBtn}<input class="g_c_button bd01 butn" id="$$_comcancelbtn${parentId}" onclick="${containerObjName}.closeComments('${parentId}');return false;" type="submit" {if disabled == true}disabled="true" {/if} value="取　消"/>{/if} {if isAudit ==true} {/if} </div> </div> {/if} </div></textarea></div> <div class="list-group"> <a href="/article/2389958" class="list-group-item">实用博客基本代码、技巧大全（普及版）</a> <a href="/article/2409152" class="list-group-item">实用博客技巧大全（普及版）- 乘成的日志- 网易博客</a> <a href="/article/2000445" class="list-group-item">博客技巧大全（普及版） - 乘成的日志 - 网易博客</a> <a href="/article/1872294" class="list-group-item">*****博客基本代码大全</a> <a href="/article/2745564" class="list-group-item">博客基本代码大全</a> <a href="/article/1392204" class="list-group-item">博客基本代码解读大全</a> <a href="/article/1710690" class="list-group-item">博客基本代码解读大全</a> <a href="/article/2327145" class="list-group-item">博客基本代码解读大全</a> <a href="/article/2464673" class="list-group-item">博客基本代码解读大全*</a> <a href="/article/1008462" class="list-group-item">最基本HTML博客代码大全</a> <a href="/article/1749388" class="list-group-item">博客基本代码解读大全a</a> <a href="/article/2895770" class="list-group-item">博客基本代码大全解读--音乐播放器代码篇</a> <a href="/article/1123105" class="list-group-item">基本代码大全</a> <a href="/article/1687011" class="list-group-item">【HLME】基本代码大全</a> <a href="/article/2199641" class="list-group-item">¤.基本代码大全</a> <a href="/article/1395325" class="list-group-item">【楠蓉书香】博客基本代码解读大全</a> <a href="/article/1363334" class="list-group-item">装饰博客的常用代码（基本）</a> <a href="/article/1744664" class="list-group-item">博客最基本代码</a> <a href="/article/2863491" class="list-group-item">博客基本代码解读</a> <a href="/article/627031" class="list-group-item">即兴讲话的基本技巧（实用）</a> <a href="/article/1076120" class="list-group-item">即兴讲话的基本技巧（实用）</a> <a href="/article/400151" class="list-group-item">博客代码大全（分享）</a> <a href="/article/1015775" class="list-group-item">各种实用代码大全</a> <a href="/article/692464" class="list-group-item">博客实用代码专版</a> </div> </div> </div> </div> </div> </div> <footer id="footer" class="footer hidden-print"> <div class="container"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/1404095" title="木瓜-营养价值">木瓜-营养价值</a> <a class="btn btn-default" href="/article/1404096" title="对联欣赏与对联的音韵.1">对联欣赏与对联的音韵.1</a> <a class="btn btn-default" href="/article/1404097" title="平潭总体功能布局（最新）">平潭总体功能布局（最新）</a> <a class="btn btn-default" href="/article/1404098" title="《官场文化与潜规则》第三章-规则与潜规则 -">《官场文化与潜规则》第三章-规则与潜规则 -</a> <a class="btn btn-default" href="/article/1404099" title="有一句妙语让你惊叹">有一句妙语让你惊叹</a> <a class="btn btn-default" href="/article/1404100" title="为什么少有人包养体育明星？">为什么少有人包养体育明星？</a> <a class="btn btn-default" href="/article/1404101" title="云南水电站建设和大型水库诱发地震的监测">云南水电站建设和大型水库诱发地震的监测</a> <a class="btn btn-default" href="/article/1404102" title="办公室业务工作学习资料">办公室业务工作学习资料</a> <a class="btn btn-default" href="/article/1404103" title="投资技巧篇,--小算盘,悄悄的博客,聊客网--关于房子的博客！">投资技巧篇,--小算盘,悄悄的博客,聊客网--关于房子的博客！</a> <a class="btn btn-default" href="/article/1404104" title="朗诵天地·文学书库－－现代诗歌">朗诵天地·文学书库－－现代诗歌</a> <a class="btn btn-default" href="/article/1404105" title="全国小商品进货渠道大全">全国小商品进货渠道大全</a> <a class="btn btn-default" href="/article/1404106" title="科学摆放鼠标可以预防鼠标手">科学摆放鼠标可以预防鼠标手</a> <a class="btn btn-default" href="/article/1404107" title="10.6.21-25道家常菜做法全程图解！">10.6.21-25道家常菜做法全程图解！</a> <a class="btn btn-default" href="/article/1404108" title="荷兰研究发现适度饮茶喝咖啡有益心脏">荷兰研究发现适度饮茶喝咖啡有益心脏</a> <a class="btn btn-default" href="/article/1404109" title="最适合中国的10种营销策略">最适合中国的10种营销策略</a> <a class="btn btn-default" href="/article/1404110" title="毛泽东五台山"求签"秘闻">毛泽东五台山"求签"秘闻</a> <a class="btn btn-default" href="/article/1404111" title="[转帖] 会计，离金顶多远">[转帖] 会计，离金顶多远</a> <a class="btn btn-default" href="/article/1404112" title="交通标志大全8">交通标志大全8</a> <a class="btn btn-default" href="/article/1404113" title="经典高清动态美图">经典高清动态美图</a> <a class="btn btn-default" href="/article/1404114" title="公开祖传秘方0">公开祖传秘方0</a> <a class="btn btn-default" href="/article/1404115" title="2009年作文赏析">2009年作文赏析</a> <a class="btn btn-default" href="/article/1404116" title="红黄蓝绿性格5614564564">红黄蓝绿性格5614564564</a> <a class="btn btn-default" href="/article/1404117" title="坏习惯损伤前列腺：长期酗酒可引发炎症">坏习惯损伤前列腺：长期酗酒可引发炎症</a> <a class="btn btn-default" href="/article/1404118" title="7个经济偏方　让肌肤光滑无斑1">7个经济偏方　让肌肤光滑无斑1</a> <a class="btn btn-default" href="/article/1404119" title="海边老王 : 一个包工头的经济学旁观3：反身理论 - 一五一十部落 | My1510">海边老王 : 一个包工头的经济学旁观3：反身理论 - 一五一十部落 | My1510</a> <a class="btn btn-default" href="/article/1404120" title="dasdsa">dasdsa</a> <a class="btn btn-default" href="/article/1404121" title="揭秘女人一旦花心后的那点事儿">揭秘女人一旦花心后的那点事儿</a> <a class="btn btn-default" href="/article/1404122" title="133个让心情变好的佛家领悟..">133个让心情变好的佛家领悟..</a> <a class="btn btn-default" href="/article/1404123" title="世界十大不可思议的方">世界十大不可思议的方</a> <a class="btn btn-default" href="/article/1404124" title="毛主席送芒果的回忆……">毛主席送芒果的回忆……</a> <a class="btn btn-default" href="/article/1404125" title="初中数学知识点">初中数学知识点</a> </div> </div></div> <div class="copy-right"> 神马文学网，客观、专业、权威的知识性互动百科全书。</div> </footer> </body> </html>

等标签中，发贴时注意要将自动修正的勾号去掉,否则效果也出不来。。。
一). TABLE，TR，TD 称为HTML的标签，以双标签的形式出现，所谓双标签，也就是有一个
就有一个对应的
与之对应，同样适用于其他的双标签。
如：
内容

有多少
打头就得有多少
收尾，否则就会出错，其他标签适用。。。
二). 论坛全屏效果。
把下列代码加到第一层表格的代码中：style="LEFT: -180px; ; TOP: 90px"
效果如下：

这里插入帖子内容。

注：LEFT: -180px 左距，数值越大与左边距离越大。WIDTH: 800px 帖子宽度，一般全屏都是800像素。TOP: 90px" 上距数值越大与IE上面的距离越大。其中数值都可以自行修改。
三). 我们在HTML模式下编好了帖子，先换到Design先察看，然后点击预览，如无异常即可发帖子，切记将HTML模式旁边的自动修正前面的那个勾勾掉，否则一些特效就出不来，甚至会出现乱码。。。

******************************************************************