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>
显示
说明
如果不用pre标签,则显示成:
aaa bbbb cccc ddd ffff
注意:
用pre后一般字体将小一号,你可以用font来增大字体。
另外如果pre中一行过长,浏览器并不会自动换行的。
特殊字符的显示
HTML引入了自己的格式,一些字符有了特殊的含义,所以这些
字符不能直接显示,采用转义方式来显示,一般格式如下:
&xxx;
就是用&开头,分号结束,中间是字符的名字。详细见下表:
名称 | 显示 | 转义字符串 | 说明 |
小于号 | < | < | |
大于号 | > | > | |
& | & | & | |
双引号 | " | " | |
西文空格 | | 直接显示一个西文空格 与回车和<BR>关系类似 |
|
黑桃 | ♠ | ♠ | |
草花 | ♣ | ♣ | |
红心 | ♥ | ♥ | |
方片 | ♦ | ♦ |
练习题
将以前学过的其他标签,试着插入一些分隔符,看看显示是否变了。
如果用QQ发贴预览,记得要选上HTML格式
思考题
整理一下已经学过的标签,看看是否符合语法。
现在应该对于HTML该怎么写,能怎么写心中有数了。