web程序设计大作业

《web程序设计大作业》由会员分享，可在线阅读，更多相关《web程序设计大作业（9页珍藏版）》请在金锄头文库上搜索。

1、web 程序设计大作业web 程序设计课程考试大作业姓名：李德坤 学号： 24 专业：计算机 1301 班题目 3：结合所学的课程内容， 论述 web 程序设计的相关技术、 应用及学习体会1. HTML的主要知识点框架是一种在一个浏览器窗口中显示多个 HTML 文件的网页制作技术。 框架基本结构框架分为框架集和框架两部分。 定义框架的语法格式如下。 标记HTML中用于描述功能的符号称为“标记”。标记在使用时必须用尖括号“”括起来，比如、等，都是标记。多数标记必须成对出现，以开头无斜杠的标记开始， 以有斜杠的标记结束。标记还可以嵌套使用。属性与标记相关的特性称为属性，每个属性总是对应一个属性值，

2、将其称为“属性/值”对。“属性/值”对出现在开始标记的“”之前。在HTML文档中，标题（Heading）很重要。标题是通过 -等6对标记进行定义的。 定义最大的标题，定义最小的标题。font 标记用于编辑网页文字的样式，主要是设置文字的字体、字号、颜色等属性。font 标记语法格式如下： HTML的一些元素可以定义字体信息，如粗体、斜体等。 不论是在普通文档，还是在网页文字中，合理的使用段落会使文字的显示更加美观，要表 达的内容也更加清晰。在HTML文件中，有专门的段落标记。粗体标记,被标记对括起的字词或句子在网页中表现为粗体。斜体标记,被标记对括起的字词或句子在网页中表现为斜体。下划线标记,

3、被标记对括起的字词或句子在网页中表现为添加下划线效果。删除线标记,被标记对括起的字词或句子在网页中表现为添加删除线效果，用于呈现 那些不再准确或不再相关的内容。在HTML5中，更加提倡使用 CSS样式表控制网页的格式。使用CSS样式表可以实现更加丰富的网页效果，更加精确的控制网页格式，定义和使用CSS也有很多种方法。HTML还提供了列表，可以对网页文字进行更好的布局和定义。所谓列表，就是在网页中将 项目有序或无序的罗列显示。 HTML 中有 3 种列表形式： 有序列表、 无序列表和自定义列表。 有序列表 有序列表是一个项目的序列，各项目前标有数字表示顺序。有序列表的语法格式如下。列表信息列表信

4、息列表信息无序列表 无序列表也是一个项目的序列，式如下。不用数字而采用一个符号标志每个项目。 无序列表的语法格列表信息列表信息列表信息 自定义列表的语法格式如下。名称说明名称说明名称说明图像标记 在制作网页过程中，可以使用 HTML代码中的标记向网页中嵌入一幅图像，也可以使 用CSS设置成某元素的背景图像。 利用标记插入图像是网页中最常用的图像插入方式。背景音乐标记和滚动字幕标记* 标记若打开浏览器的同时，希望伴随播放背景音乐，而不显示音乐播放器，可以在HTML文件中使用标记实现，其语法格式如下。src 属性用于指定背景音乐文件的地址或音乐文件名，音乐文件必须加上后缀名。loop 属性用于定义

5、音乐播放的次数， 可设置为任意正整数，若设为“-1”，音乐将永远循环。 标记通过标记可以设置滚动文字，增加网页文字的动态效果，丰富网页的内容。语法 格式如下。 滚动文字 behavior 用来设置滚动方式scrollamount 用来设置滚动速度scrolldelay 属性来设置滚动文字的延迟时间direction 用来设置滚动方向多媒体文件标记 要在网页中插入音频和视频文件以及Flash文件就要使用标记，其语法格式如下：HTML5 中新增的视频标记 语法格式如下。 替代文字 HTML5 中新增音频标记 其语法格式如下。 替代内容 超级链接标记 定义超链接语法格式如下。 链接标题 href 属

6、性定义了链接标题所指向的目标文件的URL 地址。target 属性指定用于打开链接的目标窗口，默认方式是原窗口。 表单定义标记 定义表单的基本语法格式如下。 输入标记 标记是表单中输入信息常用的标记，其语法格式如下。 数值输入域 number语法格式如下。 列表框标记 在 HTML 文件中， 使用列表框标记 ，同时嵌套列表项标记 ，可以实现列表框实例 文本域输入标记 有时网页中需要一个多行的文本域， 用来输入更多的文字信息， 行间可以换行， 并将这些信 息作为表单元素的值提交到服务器。定义文本域的语法格式如下。 框架是一种在一个浏览器窗口中显示多个 HTML 文件的网页制作技术。 框架基本结构

7、框架分为框架集和框架两部分。 定义框架的语法格式如下。 2. CSS勺主要知识点CSS（Cascadi ng Style Sheets为层叠样式表，也可以称为CSS羊式表或样式表，其文件扩展名为.CSS CSS是用于控制网页样式，并允许将网页内容与样式信息分离的一种标记语言。CSS的引入就是为了使 HTML语言更好地适应页面的美工设计。它以HTML语言为基础，提供了丰富的格式化功能， 如字体、颜色、 背景和整体排版等， 并且网页设计者可以针对各种 可视化浏览器来设置不同的样式风格。选择器英文写作 selector，在CSS中，根据选择器的功能或作用范围，将选择器主要分为标 记选择器、类别选择器

8、和 ID 选择器 3 种。CSS可以认为是由多个选择器组成的集合，每个选择器由3个基本部分组成的一“选择器名称”、“属性”和“值” ，格式如下。selector property:value;一个HTML页面由很多不同的标记组成，例如p、h1、div等。标记选择器的格式定义如下。tagName property:value;类选择器用来为一系列标记定义相同的呈现方式，语法格式如下。.classValue property:valueclassValue是选择器的名称，具体名称由CSS制定者命名。ID 选择器和类选择器类似，都是对特定属性的属性值进行设置。ID 选择器和类选择器的区别是，一个HT

9、ML文件中只能使用一次某一 ID的属性值。定义ID选择器的基本语法格式如 下。#idValue property:value ;在上面的语法格式中，idValue是选择器名称，可以由CSS定义者自己命名。为了设置的CSS样式能够在网页中产生作用，必须将CSS和HTML文件联接在一起， 才可以正常工作。在 HTML文件中使用CSS的方式有4种：行内样式、嵌入式、链接式和导入式。 所谓并集选择器就是对多个选择器进行集体声明，多个选择器之间用“，”隔开，其中每个选择器可以是任何类型的选择器。并集选择器的语法格式。selector1,selector2,property:value;在CSS选择器中，

10、还可以通过嵌套的方式，对特殊位置的HTML标记进行控制。后代选择器的写法是把外层的标记写在前面， 内层的标记写在后面， 之间用空格隔开， 语法 格式如下。selector1 selector2 property:value;子选择器用于选中标记的直接后代 （即儿子），它的定义符号是大于号 （），语法格式如下。 selector1selector2相邻（ adjacent-sibling ）选择器是另一个有趣的选择器， 它的定义符号是加号 （ +），相邻选择 器将选中紧跟在它后面的一个兄弟元素（这两个元素具有共同的父元素） 。在CSS中伪对象选择器主要有：first-letter、：first-

11、line、：before和:after。之所以称这些选择器 是伪对象， 是因为它们在效果上使文档增加了一个临时的元素，这是应用“虚构标记” 的一 个典型实例。字体属性用于控制网页中文本字符的显示方式。 包括 font，font-family ，font-size，font-style ， font-variant 和 font-weight 等。font-family 属性确定要使用的字体列表。font-size 属性font-size 属性用于控制文字的大小，它的取值分为 4 种类型：绝对大小、相对大小、长度值 以及百分数。该属性的默认值是 medium 。font-style 属性font-style 属性确定指定元素显示的字形。值包括 normal 、 italic 和 oblique 三种。默认值为 normal ，表示普通字形； italic 和 oblique 表示斜体字形。font-variant 属性font-variant 属性决定了浏览器显示指定元素的字体变体。有三个值： normal 、 small-caps 和 inherit 。f