文档库 最新最全的文档下载
当前位置:文档库 › web编程复习总纲

web编程复习总纲

web编程复习总纲
web编程复习总纲

World Wide Web(WWW或Web,万维网),是一种建立在Internet上的、全球性的、交互的、多平台的、分布式的信息资源网络,是Internet所提供的服务之一

WWW基本组成内容:URL:统一资源定位器HTTP:超文本传输协议HTML:超文本标记语言

HTML (Hypertext Markup Language,超文本标记语言)是一种文本类、解释执行的标记语言,用于编写要通过WWW显示的超文本文件。浏览器:是专门用于执行HTML文件以及查看HTML源代码的一种软件

HTML文件是一个纯文本文件,可用任意一个文本编辑器(如记事本)来打开及编写由标记和标记所设置的内容组成HTML文件直接由浏览器解释执行,无需编译

单标记只有开始标记如
双标记具有开始标记和结束标记。如

HTML标记不区分大小写,而XHTML的所有标记都必须小写

HTML标记可以不用关闭,而XHTML所有的标签都必须关闭

HTML标记的属性可不用引号或使用单引号或双引号;XHTML标记属性值需用引号括起来,

HTML标记的属性可以没有值,而XHTML规定所有属性都必须有一个值,

标记语法格式:<标记名称属性=属性值属性=属性值……> … 如:

您好

从功能的角度来看,整个html文件可分为两层:外层:由所标识,作为一个html文件的标志。内层:由头区域和主体区域组成

静态网页:由HTML直接书写,内容不会因时因人变化,不能够在客户端与服务器端进行交互的网页称为静态网页;静态网页的扩展名为.html或.htm

动态网页:内容能够因人因时变化,且能够在客户端与服务器端进行交互的网页;网页的扩展名依据所用的编程语言来定,如.jsp、.aspx

全部由静态页面组成的网站称为静态网站;包含有动态网页的网站称为动态网站

创建和发布站点的步骤是:创建本地站点→测试网站→申请网上空间→上传网站Dreamweaver可以创建及管理站点,步骤是:创建站点→设计网站结构→创建网页→测试网站→管理网站

标记作用:主要用来说明你用的XHTML或者HTML是什么版本以及声明用于浏览器进行页面解析用的DTD(文档类型定义)文件。

XHTML1.0提供了三种DOCTYPE可选择:

过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识

严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性

框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。

设定字符集

页面的主体标记的作用有二: 一是对页面的各种属性的进行设置;二是包含所有需

要在浏览器中显示的内容

页面的背景颜色

基本语法

链接文字颜色属性link、alink及vlink

默认的链接颜色

主体标记的作用有两个:一是用于设置页面属性,如正文颜色、链接文字颜色、页面背景图象等;二是包含所有需要在浏览器中显示的内容

段落标记

换行标记
居中标记

……

预格式化标记

……
预格式化,是指保留
之间的文字在源代码中的格式,使其在页面中显示的效果和源代码中的效果几乎完全一致

图片标记GIF JPEG PNG

字体标记的size属性的取值范围是1~7,其中“1”为最小字号,“7”为最大字号。

空格在源代码中的表示是” ”,一个 表示一个半角空格。另外一些特殊符号如“<“”>”等,在源代码中也要象空格的表示一样,使用字符码。

设置文字的格式(如加粗显示文字)需要使用文字修饰标记

标题标记的级别范围是h1~h6,其中“h1”的字号是最大的,“h6”的字号是最小的。

标记可使显示的内容的格式与源代码的格式几乎完全一样。

段落标记

和换行标记
的一个显著的不同之处是

在换行的同时,会与上(下)文产生一空行的间隔,而
则没有。

水平线标记


中的属性size用于设置水平线的高度。

图片标记必设置的一个属性是src

标题字标记

六级标题

创建超链接的条件:必须同时存在两个端点。一个是源端点;另一个是目标端点

源端点:指网页中的提供链接单击的对象,如链接文本或链接图像

目标端点:指链接跳过去的页面或位置,如某网页、书签等

h1.html

_top目标窗口

框架窗口

_self目标窗口

_blank目标窗口

_parent目标窗口

默认目标窗口

超链接类型:文本链接内部链接(相对路径)外部链接(绝对路径)

文本链接是指源端点为文本文字的超链接链接文字

内部超链接1

内部超链接2

链接到华软网站

意见或建议(邮件链接)

链接文字 标题

文件下载示例take me to your heart.mp3

图像链接”>如果不想显示边框,设置图像border=0

框架结构

框架集标记:主要是定义浏览器窗口的分割方式、各分割窗口(框架)的大小以及格式化框架边框

用rows将窗口上下(垂直)分割

嵌套分割示例

frame_menu.html超链接代码如下:

Photoshop

浮动框架

目标窗口为浮动窗口

下面则嵌入一个动

画文件,此外,该网页还设置了背景音乐

《超梦幻劲爆网页MX完美结合》

根据源端点,超链接可分为文本超链接、图像超链接和图像映射;根据目标端点,超链接则可分为内部链接、外部链接、书签链接和文件下载链接

创建书签链接的步骤有两步:一是创建书签;二是为书签制作链接

()…()

……

()…()

……

……

姓名:

网址:

密码:

确认密码:
请上传你的照片:

请选择你喜欢的音乐:

摇滚乐

爵士

流行乐

请选择你居住的城市:

北京

上海

广州

请选择你喜欢的网站:

请选择你喜欢的水果:



请留言:

性来指定通过设置的type属性可获得不同类型的输入域

文本域需要通过rows和cols属性来设置可见区域的大小

CSS(Cascading Style Sheet,层叠样式表)是一种格式化网页的标准方式,它扩展了HTML 的功能,使网页设计者能够以更有效的方式设置网页格式。

CSS优点:将格式和结构分离精确控制页面布局制作体积更小、下载更快的网页

可以实现许多网页同时更新

普通选择器:标记选择器类别选择器ID选择器

复合选择器:交集选择器并集选择器后代选择器

行内式:直接对HTML标记使用style属性

内嵌式:将CSS写在之间,并用标记进行声明

链接式:在外部编写CSS文件,然后在之间使用标记链入,实现HTML与CSS分离< link rel=“stylesheet” type=“text/css” href=“stylesheet.css”>

导入式:功能与链接式相同,在