HTML 基础及超链接练习
实验一：HTML 基础及超链接练习
实验目的：
熟悉 HTML 基础及超链接的使用
实验要求：
1、建立至少 3 个以上的网页；
2、实现任意两网页之间的跳转（建议做个导航菜单）；
3、每个网页里面至少有文本内容；
4、必须有一个主题。
设计详情：
1.简单 js 语句，跳出窗口。
2.简单文字显示，利用简单css 对其样式调整。
3. 利用 div 设置菜单栏和图片图层（通过改变 div 改变图层样式），利用<ul><li>设置列表菜单栏。 4. 设置超链接。 5.利用简单js设置图片自动滑动功能Js 解析： ? getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。 NodeList 对象代表一个有顺序的节点列表。NodeList 对象我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由 0开始)。 在这里表示所有由 img-slide 的图片集合。 ? a[i].style.display='none'；none : CSS1 隐藏对象。 ? a[index].style.display='block';展开 block : 显示用该值为对象之后添加新行.
? 用 for 循环实现图片循环隐藏达到图片切换功能。
实验截图： （实验效果具体请看运行结果，此处仅放运行部分截图）源码地址：https://github.com/Simmon2333/Web-Test（实验1）