《《ASP网络程序设计与应用》-第3章 HTML 语 言课件》由会员分享，可在线阅读，更多相关《《ASP网络程序设计与应用》-第3章 HTML 语 言课件（26页珍藏版）》请在金锄头文库上搜索。
1、第3章 HTML 语 言,本章知识要点 HTML语言简介 常用标记 文本标记 使用表格 设计表单 使用链接 创建与使用CSS样式 本章小结,3.1 HTML语言简介,HTML是构成网页最基本的要素。由于ASP程序一般是内嵌在HTML标记中的，而且ASP程序经服务器解析之后，完全是以HTML格式将程序最后的结果呈现在客户端的浏览器上。因此HTML语言是制作ASP网页必备的基础。了解HTML语言是必要的。,3.1.1 HTML,HTML（超文本置标语言）语言，又称超文本标记语言，是英文Hyper Text Markup Language的缩写，是用来描述WWW上的超文本文件。是一个放置了标记的AS
2、CII文本文件，通常它带有.htm和.html的文件扩展名。 HTML语言作为一种标识性的语言，是由一些特定符号和语法组成的，所以理解和掌握都是十分容易的。可以说，HTML语言在所有的计算机编程语言中是最简单易学的。 组成HTML的文档都是ASCII文档，所以创建HTML文件十分简单，只需一个普通的字符编辑器即可。如 Windows中的记事本、写字板都可以使用。也可以采用专用的 HTML 编辑工具：如 Coffee HTML、 Homesite、 HTMLedit Pro等工具，它们的特点是能够自动检查HTML文档中的语法错误并协助改正。,3.1.2 HTML特点,HTML语言可以将声音文件、
3、图像文件，甚至视频文件链接起来。还可以与数据库中管理的数据链接，以满足读者的查询要求及用户交互的功能等等。 HTML标示语言也可以将Internet上连接的不同地区的服务器上的信息文件链接起来，有的标识是去链接一个文件，有的是形成表格，有的是接受用户的信息等。这样用户在浏览器中看到的不再是呆板的纯文本，而是五彩缤纷的画面。 html语言作为一个表实行的语言，比任何一种计算机编程语言都简单，学习起来非常容易。 html文件都不太大，能够尽可能快地通过网络传输和现实，不需要加入字体和格式等其他控制信息。 html文档是独立于平台的，对多平台兼容。只需一个可以阅读和解释html文件的浏览器，就能够在
4、任何平台上阅读次文件。 制作一个html文件并不需要特殊的软件，只要一个能编辑文本文件的字符编辑器就可以了。,3.1.3 HTML文档基本结构,HTML 是 SGML 的一个应用程式，不是程式语言，如 C+ 和 Java 之类，它只是标识语言，基本上你只要明白了各种标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成。 一个标准的HTML 文件，通常包含三对顶级标记： 和、 和、 和,3.1.4 HTML的语法规则,1成对标记的基本格式 显示的内容 2非成对标记的两种基本格式 显示的内容 或者是： 显示的内容,3.1.4 HTML的语法规则,HTML的语法规则几个
5、注意事项 任何标记皆由所围住，如 ； 标记名与小于号之间不能留有空白字符； 有些标记要加上参数，有些则不必。如 Hello 参数只可加于起始标记中； 在起始标记之标记名前加上符号/便是其终结标记，如 ； HTML标记在使用上没有大小写的差别，字母大小写皆可。,3.1.5第一个HTML文件,html This is a simple page 欢迎光临电子科技大学! ,浏览用HTML编写的网页,3.2 常用标记,HTML用于描述功能的符号称为“标记”。如“HTML”、“BODY”、“TABLE”等。标记在使用时必须用方括号“”括起来，而且是成对出现，无斜杠的标记表示该标记的作用开始，有斜杠的标记
6、表示该标记的作用结束。如表示一个表格的开始，表示一个表格的结束。 一个标记，为了明确它的功能，往往用一些属性参数来描述，对这些属性参数的规定上就是所谓的语法，例如：段落标记，它的语法格式是： 这就说明标记有两个属性参数，即“align”和“class”，其中“align”用于定义段的位置是靠左、靠右还是居中。默认值是靠左。而“class ”则是定义所属的类型。,3.2.1文件标记,3.2.2排版标记,3.3 文本标记,1 hn标记 2 字体 3图像 4 转义字符与特殊字符 5 分行和禁止分行 6 预格式化标记,3.4使用表格,1 表格的基本形式 2 标记 3 标记 4 标记 5 表中文本的输出
7、,3.5设计表单,1 单行文本框字段 2 单选按钮和复选框 3 下拉式选单 4 按钮字段与多行文本框,3.6使用链接,1.链接标志的基本概念 所谓链接就是，在网页中有些字会有特别的颜色，而且字的底下会有条线，当光标移到那些字上时，会变成手指形状，按下去，则会连到别的网页或网站。 链接，最基本来看有内部链接和外部链接之分。,3.6使用链接,2.内部链接 内部链接就是自己网站间网页的链接，要了解内部链接，首先必须先了解一下相对路径和绝对路径这两个概念。,3.6使用链接,3. 外部链接 网站链接 链接到电子邮件 书签链接 链接标志的参数,3.7创建与使用CSS样式,3.7.1认识CSS样式表 CSS
8、标准里,不仅重新定义了HTML原有的样式,如文字大小、颜色等，更加入了重叠文字、区块变化及任意位置放置等多页新属性。通过CSS可以使用更丰富、更灵活的样式，简单设计出更美观的网页。,3.7创建与使用CSS样式,3.7.2 CSS的特点 CSS可将网页要展示的内容与样式设定分开，既将网页的外观设定信息从网页内容独立出来，并集中管理。 多个网页文件共同使用设定的样式，可省去在每一个网页文件中重复设定的麻烦。 将样式分类使用，相对于多份HTML文件可套用同一个CSS样式文件，也可以在一份HTML网页文件上套用多个CSS样式文件。 控制页面中的每一个元素（精确定位）。 对HTML语言处理样式的最好补充
9、。 把内容和格式处理相分离，减少工作量。,3.7创建与使用CSS样式,3.7.3 CSS的样式规则 一个CSS样式表由若干个样式规则组成,规则由两个部分组成：选择器和声明。选择器是样式的名称（如TR、P或用户指定的类名称），声明用于定义样式元素，声明由属性（如font-family）和值（如“宋体”）两部分组成。术语“层叠”是指对同一个网页应用多个样式表的能力。例如，可以创建一个样式表来应用颜色，创建另一个样式表来应用距离，然后将两者应用于同一个网页。,3.7创建与使用CSS样式,3.7.4 CSS的注释 可以在CSS中插入注释来说明代码的意思，注释有利于读者以后编辑和更改代码时便于理解代码的
10、含义。在浏览器中，注释是不显示的。CSS注释以/* 开头，以*/ 结尾，如下例： /* 定义段落样式表 */ P text-align: center; /* 文本居中排列 */ color: black; /* 文字为黑色 */ font-family: red /* 字体为 red */ ,3.7创建与使用CSS样式,3.7.5 CSS的类型 在Dreamweaver中可以定义下列类型的CSS样式表： 自定义CSS样式（也称为类样式）：可以将样式属性设置为任何文本范围或文本块，如： .selfcolor:#66ff00 HTML标签样式：重定义特定标签（如h3）的格式。创建或更改h3标签的
11、CSS样式时，所有用h3标签设置了格式的文本都应立即更新，如： h3font-family:Arial CSS链接样式：重定义链接有关的格式，如： A:linkcolor:red、A:activecolor:blue;font-size:125%、A:visitedcolor:green;font-size:78%、A:hovercolor:blue,3.7创建与使用CSS样式,3.7.6 CSS的属性 字体属性 颜色及背景属性 文本属性 方框属性 分类属性 行高,3.7创建与使用CSS样式,3.7.7 添加CSS样式表到HTML中的方法 连接到一个外部的样式表 嵌入一个样式表 输入一个样式表
12、 内联样式 CLASS属性 ID属性 SPAN元素 DIV元素,3.8本章小结,HTML语言作为一种标识性的语言，是由一些特定符号和语法组成的，所以理解和掌握都是十分容易的。可以说，HTML语言在所有的计算机编程语言中是最简单易学的。 组成HTML的文档都是ASCII文档，所以创建HTML文件十分简单，只需一个普通的字符编辑器即可。利用html语言还可以将声音文件、图像文件，甚至视频文件链接起来。html还可以实现与数据库中管理。 本章基于HTML的优点，重点介绍了HTML语言的定义、特点、语法规则。文档的基本规则、常用的文本标记、表格的使用、表单的设计、链接等。最后介绍了CSS样式的创建和使用等等。让读者对HTML有一个比较全面的了解和认识。,
