北邮HTML实验代码

 时间:2016-12-30 01:32:55 贡献者:蘼琪

导读:信息网络应用基础——信网实验一2016-11-25 院系 :电子工程学院 班级:2014211201 学号 :2014210819 学生:梁嘉琪 班内序号:22用 HTML 语言制作静态网页一、主题:主要是在编写代码之前突然看

北邮电梯程序实验报告及源代码
北邮电梯程序实验报告及源代码

信息网络应用基础——信网实验一2016-11-25 院系 :电子工程学院 班级:2014211201 学号 :2014210819 学生:梁嘉琪 班内序号:22

用 HTML 语言制作静态网页一、主题:主要是在编写代码之前突然看到网上的一篇文章是讲世界美食的分布 的一些图片所以就以世界美食 ——我的环球美食梦想之旅为主题来制作 网页。

二、网页的源代码1、主题: 信网作业——我的环球美食梦想之旅 2、背景音乐 & 背景图片 3. 标题 & 学生信息

我的环球美食梦想之旅

班级:2014211201姓名:梁嘉琪 学号:2014210819



4、标题 2 段落二

一、全球美食地图多媒体:插入图片音乐和视频(@>_<@)

烹饪专家CaitlinLevin和摄影师HenryHargreaves从旅行中获得灵感,开始用国家传统食物作画,想 以此展示各地区的文化差异和特点。

图像示例
图像示例
图像示例



width="1000" height="1000"> width="1000" height="1000"> width="1000" height="1000"> width="1000" height="1000"> width="1000" height="1000"> width="1000" height="1000"> width="1000" height="1000"> width="1000" height="1000"> width="1000" height="1000">5、标题三 段落 加粗 斜体等 多媒体:插入图片

二、美食之旅 (@>_<@)

吃遍全世界!!
图像示例 width="200" height="300"> width="200" height="300">

图像示例 图像示例 图像示例 I Wish my Dream Come True !!




width="200" height="300"> width="200" height="300">width="200" height="300"> width="200" height="300"> width="200" height="300"> width="200" height="300"> width="200" height="300">width="200" height="300"> width="200" height="300"> width="200" height="300"> width="200" height="300"> width="200" height="300"> width="200" height="300">6、 表单
性别

年龄

年级 大一 大二

大三 大四
研一 研二 研三
你对现在的生活满意么?你感觉自由么?
你希望进行环球旅行么? (@>_<@)




7、表格 中有超连接
12
34



8、超链接 我的邮箱 如果你也想进行环球的美食之旅

CLICK我的邮箱 747497079@qq.com



9、滚动 点击图片 回到顶部 超链接" title="返回顶部返回顶部" target="_blank">返回顶部返回顶部 10、框架 三、运行 标题 段落 框架视频但是无法播放

表格表单3 种超链接四、心得体会实验的背景音乐一直有问题,后来经过查找资料,经过了改正才发声。

此试验让我初步了解了 HTML 语言制作网页。

由于这是第一次接触 HTML,感觉代码看上去比较难懂,随便打开一个简单的网页查看 源代码,都是好几百行甚至上千行的代码。

但比起其他程序语言来讲,html 语言没有 严格的语法,也不需要有很好的算法基础及数据结构知识,因而还是很容易掌握的。

当我一步步编写代码并成功地在浏览器上显示出设计的网页时,明白了再复杂的网页 也是从空白一步步架构起来的,关键是要有个总体设计框架并熟练掌握 html 各种各样 的标签的使用,而且有不懂的一定要及时查阅资料。

在实验中遇到过不少问题,比如一开始我的图片总是加载不了,检查了几遍代码都觉 得没问题,一直摸索着才发现是图片的格式后缀写错了(jpg 误写成 jpeg)。

此外还有 其他问题比如怎么使图片滚动、怎么在同一页面加超链接使位置跳转、怎么让背景图 片适应页面大小等等。

这些都是逐一通过查阅老师的课件或书本,或者上网查资料解 决的。

最后,总体上符合要求的网页终于制作完成了,虽然内心有一丝丝自得,但我 明白这只是最基本的,如果固步自封的话是不会有什么作为可言的,一定要更加努力 地去设计一些更高级的网页,不断学习、不断发展,如 JSP 动态网页技术等。

并此在 今后的信息网络应用基础课上,我要继续认真学习书上的理论知识,并灵活地应用于 实际,多进行上机操作,试着接触与学习新技术,做一个对于网络及网络技术有较好 了解的人。