html简介.doc
上传人:sy****28 上传时间:2024-09-13 格式:DOC 页数:10 大小:301KB 金币:16 举报 版权申诉
预览加载中,请您耐心等待几秒...

在线预览结束,喜欢就下载吧,查找使用更方便

16 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

学年论文(课程论文、课程设计)题目:静态网页制作作者:冯霞所在学院:信息学院专业年级:计算机10-1班指导教师:孙晶职称:讲师2011年5月10日一、论文概述HTML简介设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面!也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文本编辑器(或字处理器)(如OfficeWord\HYPERLINK"http://baike.baidu.com/view/152865.htm"\t"_blank"记事本\写字板等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了.HTML标签通常是英文词汇的全称(如块引用:blockquote)或缩略语(如“p”代表Paragraph),但它们的与一般文本有区别,因为它们放在单书名号里。故Paragragh标签是<p>,块引用标签是<blockquote>。有些标签说明页面如何被格式化(例如,开始一个新段落),其他则说明这些词如何显示(<b>使文字变粗)还有一些其他标签提供在页面上不显示的信息--例如标题。关于标签,需要记住的是,它们是成双出现的。每当使用一个标签--如<blockquote>,则必须以另一个标签</blockquote>将它关闭。注意“blockquote”前的斜杠,那就是关闭标签与打开标签的区别。但是也有一些标签例外。比如,<input>标签就不需要。基本HTML页面以DOCTYPE开始,它声明文档的类型,且它之前不能有任何内容(包括换行符和空格),否则将使文档声明无效,接着是<html>标签,以</html>结束。在它们之间,整个页面有两部分--标题和正文。标题词--夹在<head>和</head>标签之间--这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</body>之间--即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。那么让我们建立一个简单的范例吧,非常容易的。第一步,当然是要建立一个新的文本文件(记住,如果你在使用比较复杂的文字处理器,就应该用“纯文本”或“普通文本”来保存),将它命名为“xxxx.html”。(随便你起一个什么名字,扩展名也可是HTM)。然后你可以用HYPERLINK"http://baike.baidu.com/view/7718.htm"\t"_blank"浏览器将它打开,你会看见最简单的自己做的页面。二、总体功能设计任务模块的构成⑴新闻发布⑵用户登陆⑶性格测试三、完成的主要界面(1)新闻发布(2)用户登陆(3)性格测试点击“从发短信习惯看你性格特点”运行后的界面三、详细代码设计1、用户登录<html><head><title>asp内置对象requestresponse测试</title></head><body><center><h1>用户登录系统</h1><br><br><br><hr><br><br><br><formid="form1"name="form1"method="post"action="Log.Asp"><p>用户名<inputtype="text"name="UserName"id="UserName"/><p>密码<inputtype="password"name="UserPassword"id="UserPassword"/><p><inputtype="submit"name="button"id="button"value="登录"/><p><inputtype="reset"name="button"id="reset"value="重置"/></form></body></html>2、性格测试(1)性格测试详细代码<html><head><title>性格测试</title></head><body><tdvalign="top"class="newslist"style="line-heigh