列表和超链接ppt.pptx

列表和超链接案例——《四大发明》

学习目标CONTENTS01.无序列表02.有序列表03.定义列表04.列表的嵌套05.超链接标签

任务导入提出任务知识解决总结拓展列表和超链接1.网页中的导航栏是如何制作的呢？2.导航栏的二级菜单怎么做呢？3.导航的超链接是如何实现页面跳转的呢？

任务导入提出任务知识解决总结拓展列表和超链接思政融入列表和超链接，使网页结构清晰，培养同学们做事思路清晰，按部就班的行为习惯，造就条理清晰，做事严谨的软件工程师职业素养。素养职业条理

相关知识：任务导入提出任务知识解决总结拓展列表和超链接

任务导入提出任务知识解决总结拓展1.无序列表无序列表是网页中最常用的列表，之所以称为“无序列表”，是因为其各个列表项之间为并列关系，没有顺序级别之分。ul是英文unorderdlist的缩写ulli列表项1/lili列表项2/lili列表项3/li....../ul基本语法格式示例列表和超链接

任务导入提出任务知识解决总结拓展2.有序列表有序列表即为有排列顺序的列表，其各个列表项会按照一定的顺序排列。ol是英文orderdlist的缩写基本语法格式示例olli列表项1/lili列表项2/lili列表项3/li....../ol列表和超链接

任务导入提出任务知识解决总结拓展3.定义列表定义列表常用于对术语或名词进行解释和描述，与无序和有序列表不同，定义列表的列表项前没有任何项目符号。dl是英文definitionlist的缩写。基本语法格式示例dldt名词1/dtdd名词1解释/dddd名词2解释/dd....../dl列表和超链接

任务导入提出任务知识解决总结拓展4.列表嵌套的应用在网上购物商城中浏览商品时，经常会看到某一类商品被分为若干小类，这些小类通常还包含若干的子类。示例商品分类子分类列表和超链接

任务导入提出任务知识解决总结拓展4.列表的嵌套在使用列表时，列表项中也有可能包含若干子列表项。我们要想在列表项中定义子列表项就需要将列表进行嵌套。示例列表和超链接

任务导入提出任务知识解决总结拓展5.超链接标签ahref=目标地址target=目标窗口title=提示文本热点文字/ahref:指定链接目标的url。可以为绝对也可以为相对target:定义超链接目标文件的打开方式_self:原窗口打开，即覆盖原窗口。_blank:新窗口打开，原窗口还保留title:鼠标指向超链接文字时显示的提示信息；可以不设置。①②①②①②列表和超链接

任务导入提出任务知识解决总结拓展5.超链接标签示例列表和超链接

课后拓展任务导入提出任务知识解决总结拓展总结列表和超链接

课后拓展任务导入提出任务知识解决总结拓展课后拓展列表和超链接

知识如海，

躬行是帆网页设计与制作