文档介绍：第一章 Web技术补充(HTML\CSS\JavaScript)
熊建辉
福建农林大学软件工程学院
内容提要
本章首先介绍HTML的发展历史
然后介绍HTML的基本框架
详细介绍了HTML的各种常用标记:文字标记、图片标记、超级链接标记,等等
介绍CSS的基本使用方法,如何让CSS与HTML协同工作
介绍JavaScript中的变量、数组、表达式、运算符、流程控制语句
JavaScript的函数、内置对象、浏览器对象的层次和DOM模型的建立和使用
HTML编程技术
要把信息发布到全球,就必须要使用能够被大众接受的语言,也就是使用一种大多数计算机能够识别的语言。
上,通常使用的发布语言是HTML
HTML概述
在20世纪90年代Web网络的迅速兴起,使得HTML空前繁荣。当时,HTML被发展成了许多不同的版本。出于解决这种混乱局面的考虑,迫切需要制定一个公认的HTML语言规范。
1995年11月, Engineering Task Force(IETF)整理了以前的各种版本,,。1996年,World Wide Web Consortium(W3C)的HTML Working Group开始组织编写新的规范,。。
HTML概述
案例名称:HTML网页框架
程序名称:2-
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY></BODY>
</HTML>
HEAD头元素
META的属性包括:Description,网页的描述信息;Keywords,关键字,当搜索引擎查找时,按此关键字查找;Content-type,用来设置该网页的编码;Author,用来设置该网页的作者姓名;Refresh,用来设置网页的自动更新。当CONTENT =“3; URL=,该网页打开3秒钟后,就自动的转到,使用方法如程序2-。
案例名称:HTML网页框架
程序名称:2-
 
<HTML>
<HEAD>
<META NAME="Description" CONTENT="The Page Of HTML">
<META NAME="Keywords" CONTENT="Good,Better,Best">
<META HTTP-EQUIV="Content-type" CONTENT="Text/html;charset=gb2312">
<META NAME="Author" CONTENT="Zhou RunFa">
<META HTTP-EQUIV="Refresh" CONTENT="3; URL=">
<TITLE>我的第一页面</TITLE>
</HEAD>
<BODY></BODY>
</HTML>
HTML的常用标记
HTML的常用标记有一些共同特点:都放在BODY标记里面。
常用的标记有字体标记、图片标记、超级链接、列表、表格和表单等
字体标记
案例名称:使用字体标记
程序名称:2-
<HTML><BODY>
<FONT FACE="隶书" SIZE="5" COLOR="Blue">
本书的特色是以案例为主,全书有30个完整的案例。
</FONT>
</BODY> </HTML>

标题 HTML中有六种标题<H1>~<H6>,用不同
的字体和字号显示标题内容,<H1>是最大的标题,
<H6>是最小的标题。(6-8-2)
段落格式
分段标记符分段标记符用于将文档划分为段落,
标记为<P></P>,其中结束标记符通常可省略。
换行标记符换行标记符用于在文档中强制断行,标记为一个单
独的<BR>。该标记与分段标记符<P>是有区别的。
(P与BR用法示例)
作业1、用记事本编写HTML标签实现如下网页文件: 作业1
作业2、用记事本编写HTML标签实现如下网页文件: 作业12
FONT标记符
size 属性字号属性的值可以从 1 到 7,3 是默认值。该属性值也可
以用+ 号或- 号来作为相对值指定。
演示——<FONT size>
COLOR 属性字体标记符的 COLOR 属性可用来控制文字的颜色,使
用方法与正文标记符<BODY>中使用的 BGCOLOR 属性
相同。
演示——<FONT color>(p28)
FACE 属性FACE 属性用来指定字体样式。在编制网页时,通过在
<FONT>标记符中指定 FACE 属性,用户可以指定一个或
几个字体名称(用逗号隔开)。
演示——<