发新话题
打印

【设计】HTML帖子制作教程

分隔符标签详解
从代码结构来看,HTML帖子实际上就是一个去头去尾的Web页面,原帖和回复置于<body>和</body>之间,我们可以把原帖和回复帖分开来看,这样,每一个帖子实际上就相当于Web页面的正文了。正文的行与行之间、段与段之间甚至上一个显示元素和下一个显示元素之间,如若我们不刻意去把它们分隔开来,情形会怎么样呢?显然会是一团糟,你的帖子将是一个大团块,阅读起来将十分不便。
为此,学习和掌握HTML语法中的分隔标签非常有必要,娴熟地应用分隔标签,将能令你制作的帖子可读性强、外观整洁漂亮。
强行换行:<br>
在需要处打上<br>标签,<br>后面的内容将强行换到下一行。Web页会根据自己的可显示宽度自动换行(除非定义为不换行,不换行标签是<nobr>),但有些情况下,我们需要强行换行(比如诗歌、歌词等的编排),此时<br>标签就能派上用场。<br>可以连续使用,如果<br>后面没有内容,它将表示一个空行。<br>是独立使用的标签,没有终止符,</br>是错误的!
强行分段:<p>内容</p>
与换行不同,p用来强行分段,它是成对出现的标签,即以起始符<p>引导被修饰的段落,以</p>结束该段。在HTML页面里,段与段之间的距离相当于一个空行,并不像Word里用回车分段得出的效果那样。默认情况下用两个<br>也得到分段的效果,但这样可能会存在一些问题:一是,假设预定义了行高,那么,两个<br>造成的两个段落的上下间距可能与用p的不同;二是,像动网论坛那样,用<br>来给一系列超级链接分行,不管连续用多少个<br>,<br>都极可能被吞掉,结果是,那些超级链接外观上将是连在一起的,分辩起来哪是哪比较困难,所以建议用p标签来给它们分段(当然还有其他的手段)。
类似p标签的还有div,记作:<div>内容</div>。严格来说div不是一个分段标签,它和span等元素一样,属于网页布局元素,用于网页制作的布局、定位、色块等设计,但在论坛里,div的作用非常类似于p,不过,它分出的段落间距不一定与标签p一致。
分隔线:<hr>
分隔线标签<hr>也是独立使用的,它将令Web页出现一条线条。如果不需要特别的装饰,直接用<hr>即可,也可以修饰分隔条,让它和你的帖子更协调地配合起来。<hr>标签可定义元素主要有:
size — 厚度,即分隔线的粗细,默认为1;
    color — 颜色,记作:color=颜色值;
    width — 宽度,可用实数值表示,也可用百分比;
    align — 对齐方式。居中:center,左对齐:left,右对齐:right。默认为居中;
<hr>标签还有一些诸如title(标题)、noshade(无阴影)等元素,这里就不一一介绍了。
发新话题
最近访问的版块