《计算机应用基础》课程教学资源（PPT课件讲稿）html课件

目录 8.1 网站简介 8.2网页简介 8.3 网页设计语言HTML入门

目录 8.3 8.2 网页简介 8.1 网站简介 网页设计语言HTML入门 1

8.1.1网站功能 *网站(Website)是指在因特网上根据一定的规则，使用超文 本标记语言HTML(Hyper Text Markup Language)等工具 制作的用于展示特定内容的相关网页的集合

8.1.1 网站功能  网站(Website)是指在因特网上根据一定的规则，使用超文 本标记语言HTML（(Hyper Text Markup Language）等工具 制作的用于展示特定内容的相关网页的集合。 2

8.1.3 网站格式 根据网页的格式不同，可以分为以下两类： 1.静态网页 *静态网页是指网页文件中没有程序，而只有HTML代码， 一般以.html或.htm为后缀名。 2.动态网页 *动态网页是指网页文件中不仅具有HTML代码，而且还含 有程序代码，程序文件的后缀与所使用的脚本语言有关， 一般为.asp,.php,jsp等

8.1.3 网站格式 根据网页的格式不同，可以分为以下两类： 1.静态网页  静态网页是指网页文件中没有程序，而只有HTML代码， 一般以.html或.htm为后缀名。 2.动态网页  动态网页是指网页文件中不仅具有HTML代码，而且还含 有程序代码，程序文件的后缀与所使用的脚本语言有关， 一般为.asp，.php，.jsp等。 3

HTML简介 HTML即HyperText Markup Language的缩写。 它使用一些约定的标记（Tag)对文本进行标注， 定义网页的数据格式，描述Web页中的信息，控制 文本的显示。 我们把用HTML语言编写的文件称为HTML文件。 HTML语言是一种标记语言，简单易学。用HTML语 言编写的网页实际上是一种文本文件，它以.htm 或.html为扩展名，我们可以使用任何文本处理软 件（例如：记事本)编写。 2025/4/3 第九章网页制作

HTML简介 HTML即HyperText Markup Language 的缩写。 它使用一些约定的标记（Tag）对文本进行标注， 定义网页的数据格式，描述Web页中的信息，控制 文本的显示。 我们把用HTML语言编写的文件称为HTML文件。 HTML语言是一种标记语言，简单易学。用HTML语 言编写的网页实际上是一种文本文件，它以.htm 或.html为扩展名，我们可以使用任何文本处理软 件（例如：记事本）编写。 2025/4/3 4 第九章 网页制作

建立方法 下面介绍一下如何使用记事本来创建HTML文件。 步骤一：启动记事本。 *步骤二：用记事本来编辑HTML源代码（相信也没有问 题)。 *步骤三：保存HTML。 *在记事本的文件菜单选择“另存为”，选择合适的文件夹， 然后给文件起一个合适的主文件名，同时请一定注意务必 将文件的扩展名修改为.htm或者.html扩展名（切记切 记！)，两者没有区别，完全根据个人喜好

建立方法 下面介绍一下如何使用记事本来创建HTML文件。  步骤一：启动记事本。  步骤二：用记事本来编辑 HTML源代码（相信也没有问 题）。  步骤三：保存 HTML。  在记事本的文件菜单选择“另存为”，选择合适的文件夹， 然后给文件起一个合适的主文件名，同时请一定注意务必 将文件的扩展名修改为.htm 或者 .html 扩展名（切记切 记！），两者没有区别，完全根据个人喜好。 5

运行方法 *在浏览器中运行这个HTML文件，直接在文 件夹中双击HTML文件，即可看到结果

运行方法  在浏览器中运行这个 HTML 文件，直接在文 件夹中双击HTML 文件，即可看到结果。 6

HTML语言概述 1.HTML文件的基本构成 *Internet中的每一个HTML文件都包括两部分： (1)文本内容：含有需要展现的具体信息。 (2)HTML标记：负责控制文本显示的外观和版式。 多数HTML标记的书写格式如下： 文本内容 某些HTML标记还具有一些的属性(Attribute)。这些属性 指定文本的一些特性，如背景颜色、字体大小、对齐方式 等。标记属性的使用格式如下： 文本内容 2025/4/3 第九章网页制作

HTML语言概述 1. HTML文件的基本构成  Internet中的每一个HTML文件都包括两部分： （1）文本内容：含有需要展现的具体信息。 （2）HTML标记：负责控制文本显示的外观和版式。  多数HTML标记的书写格式如下： ＜标记名＞文本内容＜／标记名＞  某些HTML标记还具有一些的属性（Attribute）。这些属性 指定文本的一些特性，如背景颜色、字体大小、对齐方式 等。标记属性的使用格式如下： ＜标记名 属性1=值1 属性2=值2 .＞ 文本内容 ＜／标记名 ＞ 2025/4/3 7 第九章 网页制作

HTML语言概述 标记名通常写在“<>”内。一般的HTML标记都具有起始和结束 标记，并且成对出现，两者控制中间的文本，结束标记前要加 “/”。但并不是所有的HTML标记都具有起始和结束标记，有些 则没有结束标记。HTML标记不区分大小写。如：、或,其结果都是一样的。 标记名称和属性之间用空格分隔。如果标记有多种属性，属性之间 也要用空格分开。 2025/4/3 第九章网页制作

HTML语言概述  标记名通常写在“＜＞”内。一般的HTML标记都具有起始和结束 标记，并且成对出现，两者控制中间的文本，结束标记前要加 “／”。但并不是所有的HTML标记都具有起始和结束标记，有些 则没有结束标记。HTML标记不区分大小写。如：＜HTML＞、＜ html＞或＜HtMl＞，其结果都是一样的。  标记名称和属性之间用空格分隔。如果标记有多种属性，属性之间 也要用空格分开。 2025/4/3 8 第九章 网页制作

HTML语言概述 2.HTML网页的结构 HTML文件的层次结构： 一般HTML文件都是以开头，又以结束。其文件结 构由以下两部分组成： (1)头部(Head) HTML文件的头部由和标记定义。通常情况下， 文件的标题、搜索引擎所用的关键字以及语言字符集信息等都放 在头部信息中。可以将标记插入 (2)正文主体(Body) 由和标记定义。 2025/4/3 第九章网页制作

HTML语言概述 2. HTML网页的结构 HTML文件的层次结构： 一般HTML文件都是以开头，又以结束。其文件结 构由以下两部分组成： （1）头部（Head） HTML文件的头部由和标记定义。通常情况下， 文件的标题、搜索引擎所用的关键字以及语言字符集信息等都放 在头部信息中。可以将标记插入 （2）正文主体（Body） 由和标记定义。 2025/4/3 9 第九章 网页制作

HTML语言的基本语法 1.文本布局 (1)段落标记 p>.标记指定文档中一个独立的段落。使用格式如下： . 标记定义的两个段落之间留有一个空行。 (2)换行标记 标记可以强制文本换行。该标记只有开始标记。 2025/4/3 0 第九章网页制作

HTML语言的基本语法 1. 文本布局 (1)段落标记 .标记指定文档中一个独立的段落。使用格式如下： . 标记定义的两个段落之间留有一个空行。 (2) 换行标记 标记可以强制文本换行。该标记只有开始标记。 2025/4/3 10 第九章 网页制作