网页设计第2章HTML基础与文字版面设计技术介绍.pptVIP

2.4.9 特殊文字样式标签 在有关文字的显示中，常常会使用一些特殊的字形或字体来强调、突出、区别以达到提示的效果。为了让文字富有变化，或者为了着意强调某一部分，HTML提供了一些标签产生这些效果，现将常用的标签列举如表2-5所示。 2.4 文字版面的编辑 现在用一个实例来看看效果： 例2-12： HTML head title特殊字体样式/title /head body b黑体字/b p i斜体字/i p u加下划线/u p big大型字体/big p small小型字体/small p blink闪烁效果/blink p4sup2/sup=16（即4的平方=16）/p pfont size=5u/fontsubin/sub=font size=5u/fontsubout/sub(即输入=输出)/p /body /HTML 2.4 文字版面的编辑 2.4.10 特殊符号的使用 在HTML文档中，有些字符没办法直接显示出来，例如问号“?”；有些字符时键盘上没有的，例如“×”；还有些字符在HTML里有特别的含义，比如小于号“”就表示HTML标签的开始，这个小于号是不显示在最终看到的网页里的。那么如果希望在网页中显示这类符号就必须用一些代码来表示它们。 在HTML文档中表示一个特殊符号分成三部分：第一部分是一个符号；第二部分是字符名字或者是#加上字符编号；第三部分是一个分号。比如，要显示小于号，就可以写lt;或者#60;。 2.4 文字版面的编辑 2.4 文字版面的编辑 例2-13： HTML headtitle特殊字符/title/head bodycenterlt;赋得古原草送别gt; hr width=49% size=5 align=center noshadepre 离离原上草， 一岁一枯荣。 野火烧不尽， 春风吹又生。 /pre hr width=49% size=5 align=center noshade白居易 copy; /center /body/HTML 2.4 文字版面的编辑 在HTML页面中，使用列表标签可以起到编排提纲和格式排序文件的作用。对于强化文档的条理性有很大的帮助。 HTML有三种列表形式：无序列表(ul)；有序列表(ol)；定义列表(dl)。 无序列表就是项目各条列间并无顺序关系，纯粹只是利用条列来呈现资料而已，此种无序标签，在各条列前面均有一符号以示区隔；而有序条列就是指各条列之间是有顺序的，比如从1、2、3…一直延伸下去；定义列表则用于对一系列给定的术语给出解释和说明。表2-7给出了创建列表时经常用到的主要标签。 2.5 列表标签 2.5.1无序列表ul 无序列表使用ul/ul标签，每一个列表项前使用li标签。无序列表不用数字标记每个列表项，而采用一个符号来标记每个列表项，比如圆黑点。 在ul和li中可使用属性type。type有三个取值： type=disc表示使用实心园作为列表的符号（此为type的默认值） type=circle表示使用空心园作为列表的符号 type=square表示使用小方块作为列表的符号 2.5 列表标签 无序列表的基本格式如下: ulli第一项 li第二项 …… li第N项 /ul 2.5 列表标签 2.5 列表标签 例2-14： HTMLbody b这是一个默认的无序列表：/bp ul 国际互联网提供的服务有： liWWW服务 li文件传输服务 li电子邮件服务 /ul b使用空心园作为列表符号的列表/bp ul type=circle 国际互联网提供的服务有： liWWW服务 li文件传输服务 li电子邮件服务 /ul b使用各种符号作为列表符号的列表/bp ul 国际互联网提供的服务有： li type=circleWWW服务 li type=disc文件传输服务 li type=square电子邮件服务 /ul /body/HTML 例2-14运行效果 2.5.2 有序列表ol 有序列表和无序列表的使用格式基本相同，它使用标签ol/ol，每一个列表项前使用li标签。各个列表项用带有前后顺序之分的编号来标记。如果插入和删除一个列表项，编号会自动调整。 顺序编号的设置是由ol的两个属性type和start来完成的。type=用于编号的数字,字母等的类型，如type=a，则编号用小写英文字母排序。start=编号开始的数字，如start=2则编号从2开始。 也可以在li标签中设定value＝n改变列表行项目的特定编号，例如li value=7，则表示该列表项的序号为7。 有序列表的type属性如表2-8所示。 2.5 列表标签 2.5 列表标签 ol标签的基本格式如下： ol type=编号