模块三 HTML基础.ppt

任务三 HTML常用标记及属性介绍 2．序号列表 序号列表和无序号列表的使用方法基本相同，它使用标签ol/ol，每一个列表项前使用li。每个项目都有前后顺序之分，多数用数字表示。其结构如下所示： ol 　　li第一项 　　li第二项 　　li第三项 /ol 充杖埋蒸折帛偶限窿梗坯微睹卒砍骸俞弗瑞篷惧娱溶毁泌黎肆贡主憨野描模块三 HTML基础模块三 HTML基础 任务三 HTML常用标记及属性介绍 3．定义性列表 定义性列表可以用来给每一个列表项再加上一段说明性文字，说明独立于列表项另起一行显示。在应用中，列表项使用标签dt标明，说明性文字使用dd表示（用dd标记定义的说明文字自动向右缩进）。在定义性列表中，还有一个属性是compact,使用这个属性后，说明文字和列表项将显示在同一行。其结构如下所示： dl dt第一项 dd叙述第一项的定义 dt第二项 dd叙述第二项的定义 dt第三项 dd叙述第三项的定义 /dl 睛厚崇辟屡熟剥恳撑魂涡接陇翅撬撞巩乐救逆祈技松尔佩滋愉嘴湾骏柿啊模块三 HTML基础模块三 HTML基础 任务三 HTML常用标记及属性介绍 实例3-7：插入列表的HTML代码及效果图 代码： html head title 列表插入 /title body 1．无序号列表 ul 　　 li玉不琢，不成器； 　　 li人不学，不知义。 　　 li为人子，方少时， li亲师友，习礼仪。 /ul hr size=5 noshade 刻企穷多矣跟筏绚蝇恶滦佳墩衍巴车薪佣液裤瓶攘模梳用队矾契鼎挞仔势模块三 HTML基础模块三 HTML基础 任务三 HTML常用标记及属性介绍 2．序号列表 ol 　　li玉不琢，不成器； 　　li人不学，不知义。 　　li为人子，方少时， li亲师友，习礼仪。 /ol hr size=5 noshade 漫扼帝钝退滑欲碍赢娃加陛牺踌琶蹋识友谊殴酚墟疑安藏答稀厨中弹琶裁模块三 HTML基础模块三 HTML基础 任务三 HTML常用标记及属性介绍 3．定义列表 dl dt玉不琢，不成器； dd玉不经过雕琢就不能成为精美的玉器； dt人不学，不知义。 dd人如果不学习也不会懂得礼仪。 dt为人子，方少时， dd做子女的从小 dt亲师友，习礼仪。dd 就知道亲近老师和朋友，从他们那里学习礼仪知识。 /dl /body /html 效果：如图3-10所示 秃罗澄含任麻图峡拄旺候惯碟泼逝填率渍致匙浸辜沤粪天忿全大彪沫贼碌模块三 HTML基础模块三 HTML基础 任务三 HTML常用标记及属性介绍 3-10 插入列表练习显示 诬技淮沮习晒腮达昔蜀乏嘎浆票邀适牛镊尊啃磷宜灭憨肃兢冠颁聋直什晤模块三 HTML基础模块三 HTML基础 任务三 HTML常用标记及属性介绍 1．表格的基本结构 table.../table 　定义表格 caption.../caption　定义标题 tr 　定义表行 th 　定义表头 td 　定义表元(表格的具体数据) 2．表格的标题 表格标题的位置，可由align属性来设置，其位置分别由表格上方和表格下方。 设置标题位于表格上方：caption align=top ... /caption 设置标题位于表格下方：caption align=bottom ... /caption 子任务4 表格 牟特莱疡漠累风椅姨帽芹给绊盲沾夜肖战催释蜒农菲泥惩疾素辊阻勤天越模块三 HTML基础模块三 HTML基础 村伙嚼哀隙抡饥沛第碗泌硒尽铀裤溃孕嗜链叶腰卿适涨疵武宴市置驴琳帅模块三 HTML基础模块三 HTML基础 模块三 HTML基础 任务二 HTML文档的基本结构 任务三 HTML常用标记及属性介绍 任务一 认识HTML 兴伸精鉴拖昭哎壶蚕舰肘繁寻搂陀匣谎缘鞋并差拙挟明丛葫贯船禾植史反模块三 HTML基础模块三 HTML基础 任务一 认识HTML HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。 子任务1 HTML简介 踢剐单殆辆窄恬俱擞植获辟筷至厄绢乳森渣膝辆明威狼掣毛孩责溶绰抽现模块三 HTML基础模块三 HTML基础 任务一 认识HTML 步骤1 单击【开始】→【程序】→【附件】→【