【文字上的分隔标签】
或许你已经发现这个问题了:天啊!我不是在记事本里排版排得很漂亮,为何透过浏览器看起来一切都走了样?对啊!别太讶异,在网页的编排里,并不像汉书或WORD一样,只要拼命按Enter键或空白键,便能完成分段或分行,因为,HTML语言是不认识我们所谓的Enter键或空白键,所以不管您按了多少次的空白或Enter,浏览器都会当作没看见啦!
使用方法:强制断行标签<br>、强制分段标签<p>
标签解说:我们在写文章时,有时候在特定的地方会强迫断行(<br>),或是在写完某一段的时候便会分段(<p>),写网页也一样,而且更需要断行及分段的功能,以免整个网页看起来乱糟糟的。
使用范例: 原始码 呈现结果
这是一个断行的范例<br>看出来了吗? 这是一个断行的范例
看出来了吗?
这是一个分段的范例<p>基本上他会比断行还多空出一行 这是一个分段的范例
基本上分段会比断行还多空出一行
【分隔线标签】
使用方法:上一段文字内容<hr>下一段文字内容
标签解说:利用<hr>这个标签便可产生一条横分隔线。另外,其有些属性分别说明如下:
使用范例:
一般用法 尚未加任何属性。
原始码 普通分隔线<hr>
呈现结果 普通分隔线
--------------------------------------------------------------------------------
颜色属性 用法:<hr color="颜色码或颜色名称">
原始码 橘色分隔线<hr color="#ff8000">
呈现结果 橘色分隔线
--------------------------------------------------------------------------------
宽度属性 用法:<hr width="宽度">,其单位为px(像素),宽度亦可用百分比来作设定,如50%即意为宽度占萤幕50%。
原始码 宽度为240px的分隔线<hr width="240">
呈现结果 宽度为240px分隔线
--------------------------------------------------------------------------------
厚度属性 用法:<hr size="厚度">
原始码 厚度为5的分隔线<hr size="5">
呈现结果 厚度为5分隔线
--------------------------------------------------------------------------------
位置属性 用法:<hr align="水平对齐位置">,其设定值有三个,也就是置左align="left"、置中align="center"、置右align="right"
原始码 靠右的分隔线<hr align="right">
呈现结果 靠右的分隔线
--------------------------------------------------------------------------------
阴影属性 用法:<hr noshade>,无设定值,只要将 noshade 加入即可,通常会配合颜色设定,效果较佳。
原始码 实心分隔线(无阴影)<hr noshade>
呈现结果 实心分隔线(无阴影)
--------------------------------------------------------------------------------
或许你已经发现这个问题了:天啊!我不是在记事本里排版排得很漂亮,为何透过浏览器看起来一切都走了样?对啊!别太讶异,在网页的编排里,并不像汉书或WORD一样,只要拼命按Enter键或空白键,便能完成分段或分行,因为,HTML语言是不认识我们所谓的Enter键或空白键,所以不管您按了多少次的空白或Enter,浏览器都会当作没看见啦!
使用方法:强制断行标签<br>、强制分段标签<p>
标签解说:我们在写文章时,有时候在特定的地方会强迫断行(<br>),或是在写完某一段的时候便会分段(<p>),写网页也一样,而且更需要断行及分段的功能,以免整个网页看起来乱糟糟的。
使用范例: 原始码 呈现结果
这是一个断行的范例<br>看出来了吗? 这是一个断行的范例
看出来了吗?
这是一个分段的范例<p>基本上他会比断行还多空出一行 这是一个分段的范例
基本上分段会比断行还多空出一行
【分隔线标签】
使用方法:上一段文字内容<hr>下一段文字内容
标签解说:利用<hr>这个标签便可产生一条横分隔线。另外,其有些属性分别说明如下:
使用范例:
一般用法 尚未加任何属性。
原始码 普通分隔线<hr>
呈现结果 普通分隔线
--------------------------------------------------------------------------------
颜色属性 用法:<hr color="颜色码或颜色名称">
原始码 橘色分隔线<hr color="#ff8000">
呈现结果 橘色分隔线
--------------------------------------------------------------------------------
宽度属性 用法:<hr width="宽度">,其单位为px(像素),宽度亦可用百分比来作设定,如50%即意为宽度占萤幕50%。
原始码 宽度为240px的分隔线<hr width="240">
呈现结果 宽度为240px分隔线
--------------------------------------------------------------------------------
厚度属性 用法:<hr size="厚度">
原始码 厚度为5的分隔线<hr size="5">
呈现结果 厚度为5分隔线
--------------------------------------------------------------------------------
位置属性 用法:<hr align="水平对齐位置">,其设定值有三个,也就是置左align="left"、置中align="center"、置右align="right"
原始码 靠右的分隔线<hr align="right">
呈现结果 靠右的分隔线
--------------------------------------------------------------------------------
阴影属性 用法:<hr noshade>,无设定值,只要将 noshade 加入即可,通常会配合颜色设定,效果较佳。
原始码 实心分隔线(无阴影)<hr noshade>
呈现结果 实心分隔线(无阴影)
--------------------------------------------------------------------------------