4.6.4　在网页中显示计算机源代码

输入计算机代码，代码4.13显示计算机格式。

代码4.13　源代码\第4章\文字布局手把手.html

—————————————-文件名：文字布局手把手.html—————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞文字布局手把手＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜P align="right"＞HTML+CSS完全自学手册

07 ＜br＞

08 ＜nobr＞

09 ＜p align="center"＞HTML+CSS完全自学手册HTML+CSS完全自学手册

10 HTML+CSS完全自学手册HTML+CSS完全自学手册

11 ＜/nobr＞

12 ＜ol＞

13 ＜li＞HTML+CSS完全自学手册＜/li＞

14 ＜li＞HTML+CSS完全自学手册＜/li＞

15 ＜li＞HTML+CSS完全自学手册＜/li＞

16 ＜/ol＞

17 ＜ul＞

18 ＜li＞HTML+CSS完全自学手册＜/li＞

19 ＜li＞HTML+CSS完全自学手册＜/li＞

20 ＜li＞HTML+CSS完全自学手册＜/li＞

21 ＜/ul＞

22 ＜pre＞

23 int a；

24 int b；

25 float f；

26 f=a/b；

27 ＜/pre＞

28 ＜/body＞

29 ＜/html＞

【代码解析】在代码第22～27行标记对＜pre＞＜/pre＞中，输入计算机代码，其中每行代码后都有换行，在网页中显示的效果如图4.15所示。

4.6.4　在网页中显示计算机源代码 - 图1

图　4.15　计算机代码

说明　以后在应用中读者多练习一下就可以运用自如了。对于欲格式化标记，在计算机技术方面的网站放置代码时应用较多。