【例2-2】图2-2给出了一首唐诗欣赏的页面,根据该页面, 设计HTML文档:ch022html。请仔细分析所使用的标记及其 属性,以及它们的作用。源代码。运行界面 e同E:wwt2wotn2 p×國文◎文◎x□」 文件①)编辑￠)查看收藏夹凶)工具①)帮助⑩ 画 TrueSuite 唐诗欣赏 静夜思 李白 床前明月光, 疑是地上霜。 举头望明月, 低头思故乡。 【简析】这是写远客思乡之情的诗,诗以明白如话的语言雕琢出明静醉人的秋夜的意境。 版权c:版权所有,违者必究 E-mailabcdef@126.com
【例2-2】图2-2给出了一首唐诗欣赏的页面，根据该页面， 设计HTML文档：ch02_2.html。请仔细分析所使用的标记及其 属性，以及它们的作用。源代码。 运行界面
3.列表标签 列表标签分两类:有序标签和无序标签。 (1)有序列表标记:<o></o 格式:< ol type="序号类型"> <|i>n,</i> <li>w</i </o|> 其中,属性'ype指定列表项前的项目编号的样式,其取值: “1:编号为阿拉伯数字(默认值); “a”:小写英文字母; “A”:大写英文字母; “邗”:小写罗马数字; “P:为大写罗马数字
3. 列表标签 列表标签分两类：有序标签和无序标签。 （1）有序列表标记：<ol></ol> 格式：<ol type="序号类型"> <li>…….</li> <li>……</li> ………….. </ol> 其中，属性type指定列表项前的项目编号的样式，其取值： “1”：编号为阿拉伯数字（默认值）； “a”：小写英文字母； “A”：大写英文字母； “i”：小写罗马数字； “I”：为大写罗马数字
(2)无序列表标记:<u|></u|> 格式: < ul type="类型样式"> |> </i> > <川i 其中 属性TYPE指定列表项前的项目符号的样式,其取值为 disc:实心圆点(默认值); crce:空心圆点; square:实心方块
（2）无序列表标记：<ul></ul> 格式： <ul type="类型样式"> <li>…….</li> <li>……</li> ………….. </ul> 其中： 属性TYPE指定列表项前的项目符号的样式，其取值为 disc：实心圆点（默认值）； circle：空心圆点； square：实心方块
【例2-3】有序列表与无序列表应用示例,设计图2 3所示的运行界面。《源代码》《运行界面》 有序列表与无序列表-置 indos Internet Explorer 同地人刚到到x 文件)编辑()查看)收藏夹④)工具①)帮助⑩ TrueSui te 班级新闻 最新课程表 关于普通话考试的通知 div+css高级应用学习 报名 A.报名时间:3月16-21日 B.报名地点:所在院系办公室。 C.报名费用:按物价局规定85元/人次(含培训费用),报名时交齐
【例2-3】有序列表与无序列表应用示例，设计图2- 3所示的运行界面。《源代码》 《运行界面》
<!-程序ch023htm-> <html> <head><tte有序列表与无序列表</ite></head> <body> <b>班级新闻</b> <ul type="diSc"> <lⅰ>最新课程表</i> <lⅱ>关于普通话考试的通知</i> li> divtcss高级应用学习</> u <hr width=100% size=1"color="red"> strong>报名</ strong> <ol type="A"> <l|>报名时间:3月16-21日。<i> <>报名地点:所在院系办公室。</i> <>报名费用:按物价局规定85元/丿人/次(含培训费用),报名时 交齐。</> </o|> </body> </html>
<!--程序ch02_3.html --> <html> <head> <title>有序列表与无序列表</title> </head> <body> <b>班级新闻</b> <ul type="disc"> <li>最新课程表</li> <li>关于普通话考试的通知</li> <li>div+css高级应用学习</li> </ul> <hr width="100%" size="1" color="red"> <strong>报名</strong> <ol type="A"> <li>报名时间：3月16—21 日。</li> <li>报名地点：所在院系办公室。</li> <li>报名费用：按物价局规定85元/人/次（含培训费用），报名时 交齐。</li> </ol> </body> </html>