Web技术应用基础_d04(阅读).ppt

第4章 HTML WEB应用技术基础 其他 script脚本标记 link链接标记 styleCSS样式标记 H1 align=center欢迎学习JSP！！！/H1 H2 align=center欢迎学习JSP！！！/H2 H3 align=center欢迎学习JSP！！！/H3 H4 align=center欢迎学习JSP！！！/H4 H5 align=center欢迎学习JSP！！！/H5 H6 align=center欢迎学习JSP！！！/H6 4.2.3 特定文字样式标记 样例 b这是粗体效果/b sup这是上标效果/sup sub这是下标效果/sub i这是斜体效果/i strong这是强调效果/strong u这是加下划线效果/u 特殊字符 在HTML中，字符、、等已被保留为特殊字符使用，要与文本一起显示这些字符，需要使用对应的字符串格式来表达。 div…/div div 全称 division，意为“区分”。div/div标记对用来设定字、图、表格等的摆放位置。它有align(对齐)、id(标示符)、class(类信息)等属性。 div id=“sum” align=“center”nbsp;12.3  br+24.5 br--------- brnbsp;36.8 /div???? body 无 题 br 梧桐摇曳舞秋风,br 斯人独坐忆相逢。br 楼台砖瓦还依就，br 多少往事已朦胧。br p无题/p p 梧桐摇曳舞秋风, 斯人独坐忆相逢。 楼台砖瓦还依就， 多少往事已朦胧。 /p 创建列表 在网页中经常使用的列表分为有序列表和无序列表两种。 有序列表是指各列表项之间是有顺序的，从1、2、3…一直延伸下去。 无序列表是指各列表项间没有顺序关系，只是利用列表方法来呈现资料，在各条列前面均有一个项目符号。 实际应用中用户还可以根据需要自定义列表。使用自定义列表表示单词或语句，可以使得文本具有交互凹进的特点。 无序列表 例4.7 html headtitle无序列表标记应用案例/title /head body h4无序列表1/h4 ul lih5第一项。/h5/li lih5第二项。/h5/li /ul h4无序列表2/h4 ul type=circle lih5第一项。/h5/li lih5第二项。/h5/li /ul /body/html 有序列表 有序列表的基本格式为： OL type=”符号类型” LI … /LI LI … /LI … /OL 建好的整个列表项会与上下的文本之间有一个空行，列表项向右缩进并左对齐，各列表项之前都带有顺序号。 有序列表通过type属性定义顺序号的类型。有序列表顺序号分为5种类型（默认数字）。 type＝1：数字1、2、3等标识,默认值 type＝A：大写字母A、B、C等标识 type＝a：小写字母a、b、c等标识 type＝I：大写罗马字母I，II，III…标识 type＝i：小写罗马字母i，ii，iii…标识 head title有序列表标记应用案例/title/head bodyh3有序列表的属性/h3 ol type=I lih4有序列表标记具有属性start,指定列表编号的开头/h4/li lih4有序列表标记具有属性type/h4/li ol type=1 start=6 lih5type＝1，缺省值，用数字1，2，3等标识各项。/h5 /li lih5type＝A，用大写字母A，B，C等标识各项。/h5/li lih5type＝a，用小写字母a，b，c等标识各项。/h5/li lih5type＝I，用大写罗马字母标识各项。/h5/li li value=3h5type＝i，用小写罗马字母标识各项。/h5/li /ol /ol /body/html 自定义列表标记dl…/dl dl dt术语dd术语的定义1 dd术语的定义2 dt术语dd术语的定义 /dl 例4.9 例4.9 htmlheadtitle定义标记应用案例/title /head bodyh3定义列表的使用/h3 dl dtb列表/bdd数据项的有序集合。 dtb标号/bdd程序中指令的标识符。 dd磁盘文件的标识说明记录。 dd数据集中或附加在数据集上的字符，它包括数据集的信息。 /dl dl compac