HTML的网页设计.pdf

ＨＴＭＬ的简介

ＨＴＭＬ(Ｈyper Text Mark-up Language超文本标记语言)的缩写，ＨＴＭＬ语言作为一种标记性的语言。标记：就是用来修饰网页内容的一些特定符号，所以理解和掌握都是十分容易的。可以说ＨＴＭＬ语言在所有的计算机编程语言中是最简单易学的了。

ＨＴＭＬ文档的创建方式：用ＨＴＭＬ语言创建的文档

手工直接编写（例如记事本）

通过图形化的ＨＴＭＬ开发软件Ｄreamweaver

由Ｗep服务器一方实时动态的生成地

ＨＴＭＬ文档结构

文档结构

所有的网页文件，通常由四对标记来构成，文档的骨架，它们是：

正文

........标识网页文件的开始与结束

........标识网页文件的头部信息，如标题、搜索引擎关键字等

标识网页文件的标题

.......标识网页文件的主体部分

文本的修饰

1.

语法：

文本

注：网页中的文本字体、字号一般通过ＣＳＳ修饰

2.文本样式[物理字体]

注：物理字体主要指用来给文本赋以某种显示属性，而不必考虑文本的逻辑含义。

3．段落标记

……

或者

……

4.修饰段落

内容

:段落标题1

内容

:段落标题2

……

内容

:段落标题6

:软回车（换行不换段）

Hx内的文本会自动加粗显示.Hx针对的对象是段落，而Font针对的对象的任意文本.

5. 居中标记

内容

6.水平线

---

标记语法

HTML的语法有三种表达方式

1.双标记：<开始标记>内容

2.单标记：<标记>如换行

3.标记的属性：<标记属性1=参数1 属性2=参数2……>内容

说明：

A.标记与属性、属性之间以空格分隔

B.属性不区分先后顺序；且属性不是必须的

在HTML文档中使用特殊字符

列表的标记

1.无序列表

●语法：

●

□

• 内容1

□

• 内容2

●……

●

有序语法

●语法：

●

□

1. ，内容1

□

2. ，内容2

●……

●

图像及页面属性

图像

WEP上支持的图像格式

GIF（图形交换格式）：GIF格式文件最多只能保存256种颜色。该格式支持透明色，支持动画效果。

JPEG(联合图像专家组)：该格式不支持透明色及动画，颜色可达1670万种。

PNG（网络可移植格式）：该格式支持透明色，但不支持动画，颜色从几种至1670万。图像

页面属性

1.注释

2.body属性

rightmargin=”右边界” topmargin=”上边界” bottommargin=”下边界”>

基本表格

表格

…… 定义表格

定义表行

定义表列（单元格）表格的应用

1.基本表格

2.无边框表格

3.双线表格

4.合并多列表格

5.合并多行表格

6.复杂表格（两种）

7.凸起表格、凹陷表格

8.细线表格