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

时间:2022-11-02 13:17:16

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

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

例子

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

浏览器显示:

1 2 3 4 5

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

HTML快速入门8——HTML分隔符,一般语法,PRE标签,特殊字符显示 空格是西文空格,全角的中文空格不是分隔符。他将占用一个中文字符的宽度。
HTML要换行必须另起一段(用P,但会有一个空行)或者用<BR>(紧接着换行)。

HTML快速入门8——HTML分隔符,一般语法,PRE标签,特殊字符显示 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该怎么写,能怎么写心中有数了。