段行标签解说
<br>

此标签是跳下一行,若您的本文没使用段行标签的话,基本上则会写满一个画面才会跳下一行,而使用<br>的话则可在适当的地方让文章能换行。
<p></p>

此标签是段落,若您的本文没使用段行标签的话,基本上则会写满一个画面才会跳下一行,而使用<p>的话则可自动跳到下一段落,也就是中间会空一行,这与<br>有不同之处。基本上<p>是对应标签,但我很少在用</p>来结束段落,有加的话是较正规,不加也不会被扁啦!

来看看<br>与<p>的差別比较,这样清楚多了吧^_^




什么都不加 加上<br> 加上<p>
文字一
文字二
文字三
文字一<br>
文字二<br>
文字三<br>
文字一<p>
文字二<p>
文字三<p>





文字一文字二文字三 文字一
文字二
文字三
文字一

文字二

文字三

分格线标签解说

<hr>

此标签会产生一条分格线,其也有附属的设定可加以变化,比起图片的分格线来说,使用<hr>是快多了。现今的网页架设越来越要求美观又快速,不少网站都早已抛弃使用图片式的分格线了,这类的分格线标签若善加以语法美化,甚也不逊色於图片式的,且又能快速的展现出来。

变化无边的分格线

01.最基本的<hr>使用方法
<hr>

02.可使用size来控制他的高度
<hr size=4>

03.可使用width来控制他的长度
<hr width=500>
<hr width=50%>

04.可使用color来控制他的颜色(请参照色码表)本范例为红色
<hr color=ff0000>

05.可使用align来控制他的位置(预设为置中center)右right丶左left
<hr align=right>

06.混合使用(各标签前後排列没有影响)
<hr width=80% color=0000ff size=2 align=left>

 

置中标签解说
<center></center>

将所要置中的文字或图片置於<center>与</center>之间即可,而放在<center>与</center>之间的所有物件,不论是文字还是图案,不论中间有多少东西,系统会自动找到中心点放置,就算突然的缩小视窗或放大视窗,它都会马上自动找到中心点显出来,这个功能在网页上算是很普及使用到的。

 

标题标签解说
<hn></hn>

一个明显的标题,除了使用图片,文字也是不错唷,但小小的文字岂会显眼,这个标题标签帮你做到放大标题还分为六等级的标签,因此上述中的n是填1~6中的任一数,其中1最大,且前后要对应哦。

 

显眼的文字标题
<h1>字体设为H1的大小</h1>
<h2>字体设为H2的大小</h2>
<h3>字体设为H3的大小</h3>
<h4>字体设为H4的大小</h4>
<h5>字体设为H5的大小</h5>
<h6>字体设为H6的大小</h6>

 

一个排版用的标签
<pre></pre> 放在<pre>与</pre>之间的文字会以原本的格式显示出来,不用使用像<br>之类的来断行哦!不懂吗!看范例就知道了。

 

来看看他的好处吧^_^




使用<br> 使用<pre>
文字一<br>
文字二<br>
文字三<br>
<pre>
文字一
文字二
文字三
</pre>





文字一
文字二
文字三
文字一
文字二
文字三

 

其它常用的标签
<strong></strong> 用以加强文字的效果,有点像粗体文字。 饭粒
<em></em> 用以强调文字的效果,有点像斜体文字。 饭粒
<samp></samp> 范例之意,好像没什么作用@_@。 饭粒
<code></code> 原始码之意。
<var></var> 变数之意。
<dfn></dfn> 定义之意。
<cite></cite> 引用之意。
<address></address> 所在位址之意。
<!–注解文字–> 注解之意,於<!––>之间的所有文字皆不会出现。

更多



分类: HTML/CSS

评论