Web前端技术实验报告
课程名称：Web前端技术
实验名称：html网页设计
系别班级：计科系1302班
学生姓名：***
学生学号：**********
辅导老师：***
一、实验目的
熟悉HTML制作网页的基础知识，并能熟练运用学过的内容制作、设计较为简单的网页。
二、内容及要求
运用学过的代码设计一个网页，其中要求运用到以下知识点：
1、不同的文字样式设计；
2、插入背景图片；
3、设计超链接；
4、表格的简单实用；
三、实验原理
文本：font可以跟color、size、face等属性根据不同的值对文本进行修改；
滚动字：marquee可以跟bgcolor、height、width、direction、align、behaviour等属性根据不同的值对滚动字进行设置；
表格：tabble分成各个格子，后跟百分比来分成适当的栏
其他相关内容：各级标签、标题设置、背景图、超链接等。
四、实验步骤
（此内容根据自己的网页设计实况填写，如下事例）
1、确立自己的网页主题
选择了个人感悟作为本次网页设计的主题。
2、网页基本设计
a、分设五个基础网页，分为主页及四个个介绍页。
b、设计主页为整图如下，在图片上编写适当文本，并添加超链接以进
入下一个页面。
c、点击超链接进入下一个页面，共四个页面。如图html网页设计报告总结
d、使用滚动字，背景图片的插入，背景颜的设置等，使网页美化。
五、实验代码
<HTML>
<HEAD>
<TITLE>花开半夏，似水流年</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=0 WIDTH=100% HEIGHT=100%>
<TR><TH ALIGN=CENTER BGCOLOR=Black>
<A HREF="index/huakai.html">
<IMG SRC="index/photos/huakai.jpg"></TH></A>
<TH ALIGN=CENTER BGCOLOR=Fuchsia>
<A HREF="index/banxia.html">
<IMG SRC="index/photos/banxia.jpg"></TH></A>
<TR><TD ALIGN=CENTER BGCOLOR=Red>
<A HREF="index/sishui.html">
<IMG SRC="index/photos/sishui.jpg"></TD></A>
<TD ALIGN=CENTER BGCOLOR=Blue>
<A HREF="index/liunian.html">
<IMG SRC="index/photos/liunian.jpg"></TD></A>
</BIDY>
</HTML>
六、实验总结
1、学会了如何运用table，marquee,font等。
2、对于背景图片的运用不是很熟练，在查资料之后才得以实现。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。