二、HTML中文字的使.ppt

二、 HTML中文字的使用 2.1 对文字的编排 例1：文字的普通显示 html head title文字编排/title /head body 　　子曰: “学而时习之，不亦说乎？ 有朋自远方来，不亦乐乎？ 人不知而不愠，不亦君子乎？” /body /html 例2：空格和换行的显示 html head title文字的空格、回车等使用/title /head body nbsp;nbsp;子曰:br “学而时习之，不亦说乎？br 有朋自远方来，不亦乐乎？ br 人不知而不愠，不亦君子乎？” /body /html 说明： nbsp:空格符号，输入显示一个空格 br:换行标记，将文字换行显示，是一个单个使用的标记，效果同 按“Enter”键 P标记换行 html head title文字的空格、回车等使用/title /head body nbsp;nbsp;子曰:br “学而时习之，不亦说乎？brbr p有朋自远方来，不亦乐乎？/p 人不知而不愠，不亦君子乎？” /body /html 说明： p/p；段落标记，除同br一样换行外，还用一空白行间隔，效果如同按连续按两下“Enter”。p标记也可单独使用,但不建议用 例3:文字单行显示 html head title强制不换行/title /head body 子曰: “学而时习之，不亦说乎？ 有朋自远方来，不亦乐乎？ 人不知而不愠，不亦君子乎？” nobr 子曰: “学而时习之，不亦说乎？ 有朋自远方来，不亦乐乎？ 人不知而不愠，不亦君子乎？” /nobr /body /html 说明: 默认情况下,文字随浏览器窗口大小变化换行显示,采用nobr标记,不管窗口大小如何变动,文字都以一行显示 但在nobr标记中插入成对的wbr/wbr标记之间的内容会被强制换行！ 例4:文字居中显示 html head title居中显示/title /head body center 凉州曲br 王翰br 葡萄美酒夜光杯，br 欲饮琵琶马上催。br 醉卧沙场君莫笑，br 古来征战几人回。 /center /body /html 说明:居中标记center作用是将文字以居中对齐方式显示 例5:文字段落的缩进 html head title文字的缩进/title /head body 凉州曲br 王翰br 葡萄美酒夜光杯， blockquote 欲饮琵琶马上催。 /blockquote 醉卧沙场君莫笑， blockquote 古来征战几人回。 /blockquote /body /html 说明: blockquote右缩进标记,将某段文字向右缩进方式显示,同时用空白行间隔. 注意:不能与center标记嵌套使用 标记属性的应用 例1:段落位置的控制 html head title段落对齐方式/title /head body p align=center居中段落/p p align=left靠左段落/p p align=right靠右段落/p /body /html 说明:align属性名,控制文字的显示位置,”center”、”left”、”right”为属性的属性值 一般来讲，html的标记有下列三种表示方法：　　1)标记名文件或超文本／标记名　　2)标记名　 属性名＝“属性值…文本成超文本／标记名　　3)标记名　　第三种写法仅用于一些特殊的标记,比如分段标记P，它仅仅通知www浏览器在此处分段，因而不需要界定作用范围， 所以它没有结尾链接签。 另外： 大多数HTML标记中都可以加入属性控制，其作用是帮HTML标记进一步控制HTML文件的内容，一个标记可以有多个属性，属性及其属性值不分大小写 格式： 标记名称 属性名1=“属性值1” 属性名2=“属性值2”……. 多个属性间用空格隔开,不同的标记可以使用相同的属性 例2:标题文字的位置控制 html head title多标记同一属性/title /head body p align=center这些是标题/p h1 align=center居中标题1/h1 h2 align=left靠左标题2/h2 h3 align=right靠右标题3/h3 /body /html 例3:设置网页的背景 html head title主体标记的属性/title /head body background=03.jpg h2 align=center小孩与大人/h2 /body /html 说明:background控制网页背景图片,属性值为图片路径与图片名 body标志中还可以有以下属性： 例4: 水平分割线的设置 html head title水平分割线/t