网页设计chaper2.ppt

HTML 语言基础 2.8.1预格式化标记 浏览器在显示HTML页面时候，通常会将页面中所有的额外空白和回车进行压缩，并根据窗口宽度自动换行。要想保留原始文字排版的格式，可以通过pre标记来实现。 基本语法： pre…/pre 2.8.1预格式化标记-示例 例15 2.8.2 忽略html标记 在HTML文件中，利用xmp标记，可以使得该标记后面的HTML标记的作用被忽略，直接显示在页面中。 基本语法： xmp…/xmp 2.8.2 忽略html标记-示例 例16 2.8.3 设置段落缩进 利用段落的缩进，可以增加段落的层次效果。 基本语法： blockquote…/blockquote 2.8.3设置段落缩进-示例 例17 2.8.4 注释语句 可以在HTML文档中添加注释，增加代码的可读性，便于以后维护和修改。访问者在浏览器中是看不见这些注释的，只有在用文本编辑器打开文档源代码时才可见。 基本语法： comment…/comment 或 !--…-- 2.8.4注释语句-示例 例18 2.8.5 添加空格 通常情况下，HTML会自动删除文字内容中的多余空格，不管文字中有多少空格，都被视做一个空格。比如：两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，可以明确使用“nbsp;”表示空格。这种使用代码控制的方式与在文本编辑软件中通过输入空格键来添加空格的方式不同。 基本语法： nbsp; 2.8.3添加空格-示例 例19 2.8.6 添加特殊符号 特殊符号和空格一样，也是通过在HTML文件中输入符号代码来添加。使用特殊符号可以将键盘上没有的字符输出出来。 基本语法： body amp;…..copy; /body 2.8.6 添加特殊符号 2.8.6 添加特殊符号-示例 例20 小作业 补充－字型变化标签（1） -示例 例11 html head title在文字上方标注说明/title /head body ruby第二十九届奥运会在北京举行rt2008/rt /ruby /body /html 补充－字型变化标签（2） address标记用来表示HTML文档的特定信息，如：E-mail、地址、签名、作者、文档信息等。 基本语法： address…/address 补充－字型变化标签（2） -示例 例12 html head title设置地址文字/title /head body 给我们写信: addresswangtao@/address /body /html 2.6.3 文字字体设置标签 2.6.3 文字字体设置标签－示例 例13 描述：DIV ALIGN=#　　　#＝left／right／center 注解： 通过ALIGN属性可以选择文字或图片的对齐方式，LEFT表示向左对齐，RIGHT表示向右对齐，CENTER表示居中 另外，ALIGN属性也常常用在其它标签中，引起其内容位置的变动。 　　如：P ALIGN=#　　　HR ALIGN=#　　　#＝left／right／center　　　H1 ALIGN=#〉 2.7 位置控制标签 2.7 位置控制标签 －示例 例14 2.8 特殊格式标签 预格式化标记 忽略html标记 设置段落缩进 注释语句 添加空格 添加特殊符号 html head title原样显示文字标记/title /head body pre 请记住我们是一个团体， 不会丢下谁， 不会落下谁。 共同奋进！！ /pre /body /html html head title忽略HTML标记/title /head body 基本语法：h3内容/h3 brbr 作用：设置显示字号。 brbr 示例： brbr xmph3这是h3标记的例子 /h3/xmp /body /html html head title段落缩进/title /head body 关于我们br blockquote p五十个不同的分子，在不同状态下进入了同一容器，/p!--缩进了5个字符-- /blockquote blockquoteblockquote p这就组成了我们的家——083007班。p /blockquote/blockquote !—缩进了10个字符-- /bo