南华大学web前端开发技术课程设计实验报告.docx

南华大学计算机科学与技术学院实 验 报 告 （ 2016 ~2017 学年度 第 1 学期 ）课程名称Web前端开发技术实验名称Web实验报告姓名刘让洲学号20144350101专业软件工程班级1班地点寝室教师刘洋第一章第一章所学内容知识点：在第一章中，我们学习了什么是web技术，对web技术有一定的了解，知道进行web开发以后要学习的各种技术以及对各种技术的简单介绍，为后面的学习打基础。第一章实验： 实验1-1源代码：!doctype htmlhtml lang=en head meta charset=UTF-8titleWeb前端技术初步应用/titlestyle type=text/cssp{font-size:20px;color:red;text-indent:2em;}h3{font-size:24px;font-style:bolder;color:#000099;}/style/headbodyh3Web前端开发技术/h3pHTML/ppCSS/ppJavaScript/ph3网络学习资源/h3a href=/htmlHTML教程/ascript type=text/javascriptalert(Web前端开发工程师就业前景好，待遇高！);/script/body/html实验1-2-1实验截图：实验1-2-2实验截图第二章一、第二章所学内容知识点：在第二章中，我们学习了HTML的基本文档结构以及基本的语法，包括bodyheadtitle等标签的学习。第二章实验：实验2-1源代码：!doctype htmlhtml lang=en head meta charset=UTF-8 title求知家园/title /head body text=blue bgcolor=#99ffff 欢迎来到我们的求知家园！ hr size=5 color=#ff3333 /body/html实验2-1运行结果：实验2-1源代码：!doctype htmlhtml lang=enheadmeta charset=UTF-8titleGoogle搜索/title /headbody bgcolor=#ffff33欢迎使用Google搜索！brimg src=img/google.jpg width=275 height=95 border=0 alt=hr size=5 color=#0033ff/body/html实验2-2运行结果：第三章一、第三章所学内容知识点：在第三章中，我们学习Web页面初步设计，如：向Web中添加文字信息，格式化文本标记，怎样进行段落的排版与设计，以及相应的各种标签的应用等；二、第三章实验： 实验3-1实验源代码：!doctype htmlhtml lang=en head meta charset=UTF-8title刘让洲的自荐信/title/headbodycenter刘让洲自荐信/centerhr width=100% size=1 color=#000fff尊敬的领导：brnbsp;nbsp;nbsp;nbsp;您好！pnbsp;nbsp;nbsp;nbsp;感谢您在百忙之中启阅我的自荐材料！相信此刻的停留不会让您失望！/pspannbsp;nbsp;nbsp;nbsp;我是span style=color:red;南华大学计算机科学与技术学院2014级学生刘让洲/span。经过将近四年的大学学习和锻炼，与同龄人一样，我即将走上工作岗位，通过社会来证实自己的知识和能力。为了找到一份符合自己特长和兴趣的工作，更好地发挥自己的才能，实现自己的人生价值，我冒昧地写下这封信，希望能得到您的认可，能为贵公司服务。/pnbsp;nbsp;nbsp;nbsp;此致br敬礼!b/bbrhr width=100% size=1 color=#00ffffcenteraddress联系E-mail:416528046@/address/center/body/html实验3-1运行截图： 实验3-2实验源代码：!doctype htmlhtml lang=enheadmeta charset=UTF-8title数学方程式/titlestyle type=text/cssh3{font-size:24px;color:red;text-align:center;}/style/headbody h3数学方程式/h3 hr color=blue width=80% size=2 center2xsup2/sup+3x=9brxsub1/sub+xsub2/sub=10/center/body/html实验3-2运行截图：第四章一、第四章所学内容知识点：在第四