HTML快速入门8——HTML分隔符，一般语法，PRE标签，特殊字符显示

HTML中的分隔符：空格和回车

　　在HTML中回车（换行）和空格的作用是相同的，都是分隔符。
浏览器将忽略连续的分隔符。也就是说连续多个分隔符只看做一个。

例子

<font color=red>1 2   3         4
    5</font>

浏览器显示：

1 2 3 4 5

说明
　　无论在两个字符之间有多少个空格、回车，显示起来
都好象只有一个空格。

空格是西文空格，全角的中文空格不是分隔符。他将占用一个中文字符的宽度。
HTML要换行必须另起一段（用P，但会有一个空行）或者用<BR>(紧接着换行)。

QQ发贴预览中，如果不选择HTML格式，所有空格和回车都“有效”，
那是因为，系统会将连续的两个西文空格替换成一个中文空格，将回车
替换成<BR>的缘故。

　

HTML TAG（标签）一般语法

标签的一般格式

<TTT aaa=bbb ccc=ddd ... >AAA</TTT>

比如：
<a href=http://qq.com.cn>GO QQ</a>

<font color=red size=+1>red</font>

<i>itelic</i>

　　其中TTT为标签名称，不区分大小写。例如下面几种写法是等效的：

<TTT ...

<ttt ...

<TtT ...

　　标签一般要求封闭，也就是最后由</TTT>结束。

aaa，ccc是属性名，=后面是属性值。属性值如果包含分隔符，则必
须用西文双引号（"）或单引号（'）。比如

aaa="aaa bbb ccc"

bbb='bbb aaa'

aaa='asdf"qwer'

ccc="asdf'1234"

　　引号必须配对使用，当值中出现引号时，可以换用另一种引号。

　

属性和标签名用分隔符分开，并可以有任意多个分隔符。如下三种写法是等同的：

<TTT aaa=a bbb=c>...

<TTT     aaa=a       bbb=c     >...

<TTT aaa=a
  bbb=b
>...

注意：
　　<和标签名一定要紧跟，<  TTT是无效的。同样</TTT>也必须紧跟，
但可以写成</TTT   >

　

PRE标签

　　为了方便直接显示一些有空格和换行的文本，提供PRE标签。
让系统直接按文本方式显示。

例子

<pre>aaa      bbbb
cccc
ddd      ffff</pre>

显示　

aaa      bbbb
cccc
ddd      ffff

说明
　　如果不用pre标签，则显示成：
aaa bbbb cccc ddd ffff

注意：
　　用pre后一般字体将小一号，你可以用font来增大字体。
另外如果pre中一行过长，浏览器并不会自动换行的。

　

特殊字符的显示

　　HTML引入了自己的格式，一些字符有了特殊的含义，所以这些
字符不能直接显示，采用转义方式来显示，一般格式如下：

&xxx;

就是用&开头，分号结束，中间是字符的名字。详细见下表：

名称	显示	转义字符串	说明
小于号	<	&lt;
大于号	>	&gt;
&	&	&amp;
双引号	"	&quot;
西文空格		&nbsp;	直接显示一个西文空格 与回车和<BR>关系类似
黑桃	♠	&spades;
草花	♣	&clubs;
红心	♥	&hearts;
方片	♦	&diams;

　

练习题

　　将以前学过的其他标签，试着插入一些分隔符，看看显示是否变了。
如果用QQ发贴预览，记得要选上HTML格式

　

思考题

　　整理一下已经学过的标签，看看是否符合语法。
现在应该对于HTML该怎么写，能怎么写心中有数了。