网页设计与制作第一课

1 web基本概念

网页：主要由文字，图像，超链接等元素组成，还可以包含音频，视频以及flash。

网站：多个网页的集合，网页之间用超链接互相访问。

2 网页相关名词
internet网络：

www：

url ：统一资源定位器 web网址

dns： 域名与IP一一对应 dns将好记域名转换为ip的过程称为域名解析。dns就是解析的系统。

web：网页

W3C：

3 Web标准
不同浏览器对同一个网页文件解析出来效果可能不一样。

Web标准是一系列标准的集合，包括结构标准，表现标准，行为标准三个方面。

3.1结构标准

结构用于对网页元素进行整理和分类，主要包含XML和XTHML（html4.0基础上 和xml过度的实现（CSS + DIV））两个部分。

3.2表现标准

表现用于设置网页元素的版式，颜色，大小等外观样式，主要指CSS，控制页面布局，控制网页表现。

3.3行为标准

行为指网页模型的定义及交互的编写，包含DOM和ECMAScript两个部分。

DOM文档对象模型。动态的更新访问文档的内容，结构，样式。

l 放在文档的第一行，用来声明文档类型。它不是HTML标签，只用来告诉浏览器，文档使用的HTML版本。

l 这一对标签用来告诉浏览器这是一个HTML文档。整个HTML文档全部包含在这里面。

l 用来定义文档的头部，在这里面定义了文档的各种属性和信息，里面的东西浏览者一般是看不到的。

l 这一元素可以定义文档的标题。包含在标签中。一般会在浏览器标题栏中显示，当把页面保存到收藏夹的时候，标题也会是该文档链接的默认名称。

l 在这个元素中定义了文档的主体内容。简单来说就是网页打开后浏览者看到的页面内容。

l

这是段落元素，里面定义了一个段落。
** HTML标签，HTML元素**
HTML标签是HTML文档的最基本单位。为了与普通文本区分开，它由一个尖括号<开始，一个反尖括号>结束。两个尖括号之间的是标签名。标签名大小写不敏感。
HTML元素是由 HTML标签，HTML内容 和 HTML属性 构成的。

HTML元素主要组成部分是：

Ø 开始标签（Opening tag）：包括元素的名称（在本例中，p），包裹在开始和结束尖括号 ( < > ) 中。这表示元素开始或开始生效。

Ø 结束标签（Closing tag）：在开始标签的基础上在元素名称之前包含正斜杠( / )。这表示元素结束的位置。

Ø 内容（Content）：元素的内容。

Ø 元素（Element）：开始标记 + 结束标记 + 内容 = 元素。
HTML标签嵌套
把一个或多个元素放到其它元素之中——这被称作嵌套。

上面就是一个嵌套例子。你需要确保元素被正确的嵌套：在上面的例子中我们先打开

元素，然后才打开元素，因此必须先将元素关闭，然后再去关闭

元素。所有的元素都需要正确的打开和关闭，这样才能按你所想的方式展现。
HTML属性
HTML属性规则：

Ø 元素名与属性之间，以及每个属性之间用空格分开。

Ø 属性名与属性值用“=”连接。

Ø 属性值要用引号(“”)引起来。

Ø 属性一般位于开始标签。

Ø 不区分大小写，但是推荐小写。
a) 标签又叫“元数据元素”，不会在客户端显示，但是会被浏览器解析。通常用于定义页面的关键字，描述，作者信息等。以方便搜索引擎来搜索页面相关信息。

b)

内常用元素

a) 段落(标题、段落、换行)

Ø 标题。在 HTML 中一共有6个级别的标题元素。级别由大到小通过

-

(“heading”) 标签来定义。
删除线、下划线、水平线

删除线：标签（“strike”）和标签（“delete”）都可以用来在包含的文本中间画上一条贯穿线，以表达内容被删除。