追求完美的你，不可能只留恋于像编辑Word文档一样编辑你的帖子，也不会满足于使用有限的UBB语法来制作你的帖子，“盗用”别人的代码也不是长久之计。看到别人那些精美无比的HTML帖子，你早已跃跃欲试了！
如果是这样，那么，本教程就是为你准备的！
本教程主要适合于HTML论坛新手和初中级水平的水手参考使用，对于拥有Web管理网站的朋友，本教程也很有指导意义。而对于想学习HTML的朋友，这也是一个不错的教程。总之，黑马尽量使用最通俗易懂的方式介绍HTML帖子的相关语法和制作方法、技巧。
或许你已经是HTML帖子的制作高手了，那么，如果你有耐心一章一节地看下去，说不准也对你有所帮助——里面的内容，极可能有些是你未接触过或者不太熟悉的；如果你是教授级别的，那么，浏览一下也无妨，你可以给黑马提提意见，让本教程对大家的帮助达到最佳效果。
最后，祝你进步！
让我们首先从字体设置开始。
在HTML代码里，字体的定义并不是很难，我们只需用标签即可定义字体、字号、字体颜色等。<*font> 标签原则上要求成对出现，即在被修饰的字体前使用<*font>引导，在被修饰的文字后用<*/font>结尾。下面给出例子和效果及相关说明：
语法：
效果:
音画学堂
说明：
size还有一种赋值方法，形式如下：
<font size=+1>音画学堂</font>
这类表达式适用于未使用CSS设定的页面，它表示被修饰的文字在默认字号基础上加大一号。
字体修饰还用到其他的标签，分别介绍如下：
最后讲讲突破7号字大小问题：
我们需要以嵌套方式调用CSS样式来定义字体，这种方法可以让我们最大限度地设置字号大小，实现方法也很简单，只需在标签里用以下代码替换纯HTML原来的元素即可。请看以下代码和效果：
代码：
春天
CSS扩展了HTML功能，它能够令帖子和网页的可控制程度更高。更多的CSS知识我们将在后面陆续介绍，你也可以阅读 这个了解和学习一下CSS滤镜修饰字体的强大功能。
为此，学习和掌握HTML语法中的分隔标签非常有必要，娴熟地应用分隔标签，将能令你制作的帖子可读性强、外观整洁漂亮。
在需要处打上<*br>标签，<*br>后面的内容将强行换到下一行。Web页会根据自己的可显示宽度自动换行（除非定义为不换行，不换行标签是<*nobr>），但有些情况下，我们需要强行换行（比如诗歌、歌词等的编排），此时<*br>标签就能派上用场。<*br>可以连续使用，如果<*br>后面没有内容，它将表示一个空行。<*br>是独立使用的标签，没有终止符，<*/br>是错误的！
与换行不同，p用来强行分段，它是成对出现的标签，即以起始符<*p>引导被修饰的段落，以<*/p>结束该段。在HTML页面里，段与段之间的距离相当于一个空行，并不像Word里用回车分段得出的效果那样。默认情况下用两个<*br>也得到分段的效果，但这样可能会存在一些问题：一是，假设预定义了行高，那么，两个<*br>造成的两个段落的上下间距可能与用p的不同；二是，像动网论坛那样，用<*br>来给一系列超级链接分行，不管连续用多少个<*br>，<*br>都极可能被吞掉，结果是，那些超级链接外观上将是连在一起的，分辩起来哪是哪比较困难，所以建议用p标签来给它们分段（当然还有其他的手段）。
类似p标签的还有div，记作：<*div>内容<*/div>。严格来说div不是一个分段标签，它和span等元素一样，属于网页布局元素，用于网页制作的布局、定位、色块等设计，但在论坛里，div的作用非常类似于p，不过，它分出的段落间距不一定与标签p一致。
分隔线标签<*hr>也是独立使用的，它将令Web页出现一条线条。如果不需要特别的装饰，直接用<*hr>即可，也可以修饰分隔条，让它和你的帖子更协调地配合起来。<*hr>标签可定义元素主要有：
<*hr>标签还有一些诸如title（标题）、noshade（无阴影）等元素，这里就不一一介绍了。
HTML的排版不同于Word的直观排版概念，它不是所见即可得的。但是，最终追求的结果是一样的：令终端页面的外观像我们预设的一样显示出来。
在支持HTML论坛里，排版可分为常规排版和非常规排版两种，后者属于较为高深的内容，出于学习的循序渐进要求，我们在本节只介绍常规排版。
这是非常有用的一个标签，它可以使得最终显示效果以原始格式实现。请看以下代码和效果：
<pre> 1236 -1207 -------- 29 </pre> 效果如下:
1236 -1207 -------- 29
论坛里，有时我们需要精确地对齐某些元素，pre标签能够帮上大忙，它能令效果比在“设计”模式下用空格符移动显示符号更准确。
align作为一个元素放置在相应标签里令被该标签修饰的显示单元按指定方式对齐或在图文混排时定义图片, 与文字的对齐方式。
先介绍前者，即被修饰单元的对齐方式。这种情形，align通常有三个值可以选择：left（左对齐）、center（居中）、right（右对齐），记作align=值。align不能独立使用，它要放在相应的标签里，如放在<*table ...>里，则令表格按取值情况对齐，<*table ... align=center>一句，将令表格居中；再如放在
标签里，则令<*p>...<*/p>里面的内容按指定值对齐，<*p laign=right>文字
而当align用于<*img>（图像标签）里时，它所指的是图片与文字的对齐方式，其值比较多，现解释如下：
blockquote将例被修饰的对象往右边缩退，记作<*blockquote>内容<*/blockquote>，以下效果是这样的语法实现的（用了两个缩进单位）：<*blockquote><*blockquote>本版简介：本区是音画特别训练营，主要用于音画制作教程、素材分享和经验交流，如果你有好的音画作品，请直接到主区〖优质美图〗区发布。……<*/blockquote><*/blockquote>
本版简介：本区是音画特别训练营，主要用于音画制作教程、素材分享和经验交流，如果你有好的音画作品，请直接到主区〖优质美图〗区发布。
未完待续.......注意，在使用代码时，请去掉代码中的“*”号
查看全部评分
月儿
使用道具 举报
原帖由 rayboy 于 2006-7-15 05:57 发表 请问楼主除了用code 让别人可以复制html代码之外，你这个框框的代码是怎么打的，谢谢了，教下小弟。
代 碼 : <TEXTAREA rows=5 cols=80>發表內容</TEXTAREA>
本版积分规则 发表回复 回帖后跳转到最后一页
小黑屋|Archiver|手机版|萤火虫
GMT++8, 2024-12-23 13:54 , Processed in 0.341344 second(s), 9 queries , File On.
Powered by Discuz! X3.4
© 2001-2023 Discuz! Team.
IP卡
狗仔卡
发表于 2006-7-9 08:43:35
顶对齐
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
显身卡
发表于 2006-7-9 22:51:27
你这个框框的代码是怎么打的，谢谢了，教下小弟。