web程序设计课程考试大作业
姓名：李德坤              学号：*************              专业：计算机1301班
题目3：结合所学的课程内容，论述web程序设计的相关技术、应用及学习体会
1.HTML的主要知识点
框架是一种在一个浏览器窗口中显示多个HTML文件的网页制作技术。
框架基本结构
框架分为框架集和框架两部分。
定义框架的语法格式如下。
<frameset>
<frame src="url1">
<frame src="url2">
......
</frameset>
标记
HTML中用于描述功能的符号称为“标记”。标记在使用时必须用尖括号“<>”括起来，比如<html>、<head>、<body>等，都是标记。多数标记必须成对出现，以开头无斜杠的标记开始，以有斜杠的标记结束。标记还可以嵌套使用。
属性
与标记相关的特性称为属性，每个属性总是对应一个属性值，将其称为“属性/值”对。“属性/值”对出现在开始标记的“>”之前。
在HTML文档中，标题（Heading）很重要。标题是通过<h1>-<h6>等6对标记进行定义的。<h1>定义最大的标题，<h6> 定义最小的标题。
font标记用于编辑网页文字的样式，主要是设置文字的字体、字号、颜等属性。
font标记语法格式如下：<font face=""  size=""  color=""></font>
HTML的一些元素可以定义字体信息，如粗体、斜体等。
不论是在普通文档，还是在网页文字中，合理的使用段落会使文字的显示更加美观，要表
达的内容也更加清晰。在HTML文件中，有专门的段落标记<p>。
粗体标记<b>，被<b>标记对括起的字词或句子在网页中表现为粗体。
斜体标记<i>，被<i>标记对括起的字词或句子在网页中表现为斜体。
下划线标记<u>，被<u>标记对括起的字词或句子在网页中表现为添加下划线效果。
删除线标记<s>，被<s>标记对括起的字词或句子在网页中表现为添加删除线效果，用于呈现
那些不再准确或不再相关的内容。
在HTML5中，更加提倡使用CSS样式表控制网页的格式。使用CSS样式表可以实现更加丰
富的网页效果，更加精确的控制网页格式，定义和使用CSS也有很多种方法。
HTML还提供了列表，可以对网页文字进行更好的布局和定义。所谓列表，就是在网页中将
项目有序或无序的罗列显示。HTML中有3种列表形式：有序列表、无序列表和自定义列表。
有序列表<ol>
有序列表是一个项目的序列，各项目前标有数字表示顺序。有序列表的语法格式如下。
<ol type="" start="">
<li>列表信息</li>
<li>列表信息</li>
<li>列表信息</li>
…
…
</ol>
无序列表<ul>
无序列表也是一个项目的序列，不用数字而采用一个符号标志每个项目。无序列表的语法格式如下。
<ul type="">
<li>列表信息</li>
<li>列表信息</li>
<li>列表信息</li>
……
</ul>
自定义列表的语法格式如下。
<dl>
<dt>名称<dd>说明
<dt>名称<dd>说明
<dt>名称<dd>说明
……
</dl>
图像标记<img>
在制作网页过程中，可以使用HTML代码中的<img>标记向网页中嵌入一幅图像，也可以使
用CSS设置成某元素的背景图像。利用<img>标记插入图像是网页中最常用的图像插入方式。
背景音乐标记<bgsound>和滚动字幕标记<marquee>*
<bgsound>标记
若打开浏览器的同时，希望伴随播放背景音乐，而不显示音乐播放器，可以在HTML文件中
使用<bgsound>标记实现，其语法格式如下。
<bgsound src="url" loop="times">
src属性用于指定背景音乐文件的地址或音乐文件名，音乐文件必须加上后缀名。
loop属性用于定义音乐播放的次数，可设置为任意正整数，若设为“-1”，音乐将永远循环。
<marquee>标记
通过<marquee>标记可以设置滚动文字，增加网页文字的动态效果，丰富网页的内容。语法
格式如下。
<marquee direction=”” scrollamount=”” scrolldelay=”” behavior=””> 滚动文字</marquee>
behavior用来设置滚动方式
scrollamount用来设置滚动速度
scrolldelay属性来设置滚动文字的延迟时间
direction用来设置滚动方向
多媒体文件标记<embed>
要在网页中插入音频和视频文件以及Flas件就要使用<embed>标记，其语法格式如下：
<embed src="url" width="" height="" autostart="" loop=""></embed>
HTML5中新增的视频标记<video>
<video>语法格式如下。
<video src="url" controls="" width="" height="">替代文字</video>
HTML5中新增音频标记<audio>
其语法格式如下。
<audio src="url" controls="controls">替代内容</audio>
超级链接标记<a>
定义超链接语法格式如下。
<a href=" url" target=" target-windows" >链接标题</a>
href属性定义了链接标题所指向的目标文件的URL地址。
target属性指定用于打开链接的目标窗口，默认方式是原窗口。
表单定义标记<form>
定义表单的基本语法格式如下。
<form name="formName" method="post|get" action="url" enctype="encoding"></form>
输入标记<input>
<input>标记是表单中输入信息常用的标记，其语法格式如下。
<form><input name="控制名称" type="类型控制"></form>
数值输入域—number
语法格式如下。
<input name="" type="number" min="" max="" step="" value="">
列表框标记<select>
在HTML文件中，使用列表框标记<select>，同时嵌套列表项标记<option>，可以实现列表框的效果，其语法格式如下。                    实例
<form>
<select name="" size="">
<option value="">
<option value="">
……
</select>
</form>
文本域输入标记<textarea>
有时网页中需要一个多行的文本域，用来输入更多的文字信息，行间可以换行，并将这些信
息作为表单元素的值提交到服务器。定义文本域的语法格式如下。
<form><textarea name="" rows="" cols="" wrap="" id=""></textarea></form>
框架是一种在一个浏览器窗口中显示多个HTML文件的网页制作技术。
框架基本结构
框架分为框架集和框架两部分。
定义框架的语法格式如下。
<frameset>
<frame src="url1">
<frame src="url2">
......
</frameset>
2.CSS的主要知识点
CSS(Cascading Style Sheet)称为层叠样式表，也可以称为CSS样式表或样式表，其文件扩展名为.CSS。CSS是用于控制网页样式，并允许将网页内容与样式信息分离的一种标记语言。
CSS的引入就是为了使HTML语言更好地适应页面的美工设计。它以HTML语言为基础，提供了丰富的格式化功能，如字体、颜、背景和整体排版等，并且网页设计者可以针对各种可视化浏览器来设置不同的样式风格。
选择器英文写作selector，在CSS中，根据选择器的功能或作用范围，将选择器主要分为标记选择器、类别选择器和ID选择器3种。
html网页设计期末大作业CSS可以认为是由多个选择器组成的集合，每个选择器由3个基本部分组成的—“选择器名称”、“属性”和“值”，格式如下。
selector {
  property:value;
}
一个HTML页面由很多不同的标记组成，例如<p>、<h1>、<div>等。标记选择器的格式定义如下。
tagName {
    property:value;
}
类选择器用来为一系列标记定义相同的呈现方式，语法格式如下。
.classValue {
  property:value
}
classValue是选择器的名称，具体名称由CSS制定者命名。
ID选择器和类选择器类似，都是对特定属性的属性值进行设置。ID选择器和类选择器的区
别是，一个HTML文件中只能使用一次某一ID的属性值。定义ID选择器的基本语法格式如下。
#idValue {
  property:value ;
}
在上面的语法格式中，idValue是选择器名称，可以由CSS定义者自己命名。
为了设置的CSS样式能够在网页中产生作用，必须将CSS和HTML文件联接在一起，才可以正常工作。在HTML文件中使用CSS的方式有4种：行内样式、嵌入式、链接式和导入式。
所谓并集选择器就是对多个选择器进行集体声明，多个选择器之间用“，”隔开，其中每个选择器可以是任何类型的选择器。
并集选择器的语法格式。
selector1,selector2,… {
property:value;
}
在CSS选择器中，还可以通过嵌套的方式，对特殊位置的HTML标记进行控制。
后代选择器的写法是把外层的标记写在前面，内层的标记写在后面，之间用空格隔开，语法格式如下。
selector1 selector2 {
    property:value;
}
子选择器用于选中标记的直接后代（即儿子），它的定义符号是大于号（>），语法格式如下。
selector1>selector2
相邻（adjacent-sibling）选择器是另一个有趣的选择器，它的定义符号是加号（+），相邻选择器将选中紧跟在它后面的一个兄弟元素（这两个元素具有共同的父元素）。
在CSS中伪对象选择器主要有:first-letter、:first-line、:before和:after。之所以称这些选择器是伪对象，是因为它们在效果上使文档增加了一个临时的元素，这是应用“虚构标记”的一个典型实例。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。