第2课删言分绍= 1,课前导读 1.2课堂教学 2.2.1HTML基础 2.2HTM入门一一简单标记的认识与使用 2.2.3段落和文字标记 2.2.4建立超级链接 2.2.5加入图片 3·上机练习 1.4课后作业
第2课 HTML语言介绍（一） 1.1 课前导读 1.2 课堂教学 2.2.1 HTML基础 2.2.2 HTML入门——简单标记的认识与使用 2.2.3 段落和文字标记 2.2.4 建立超级链接 2.2.5 加入图片 1.3 上机练习 1.4 课后作业
1.1课前导读 1.什么是HTML 2.HTML的作用 3.ⅢTML的编辑环境 4.专用的网页编辑器
1.1 课前导读 1. 什么是HTML 2. HTML的作用 3. HTML的编辑环境 4. 专用的网页编辑器
1.什么是HTML HTML是 Hyper Text Markup Language(超文本标 记语言)的缩写,它是构成Web页面(Page)的主要 工具,是用来表示网上信息的符号标记语言。 HTML是一种用于网页制作的排版语言,是Web最 基本的构成元素。HTML并非一种编程语言。用HTM标 记文档或给文档添加标记,使文档可在WW上发布 用HTM准备的文档包含引用图形和格式标记。用Web 浏览器可以查看这些HTML文档 用TML的语法规则建立的文档可以运行在不同操 作系统的平台上。因此,HTML文档属于纯文本文件 (它能用任意的文本编写器书写)
1. 什么是HTML HTML是Hyper Text Markup Language（超文本标 记语言）的缩写，它是构成Web页面（Page）的主要 工具，是用来表示网上信息的符号标记语言。 HTML是一种用于网页制作的排版语言，是Web最 基本的构成元素。HTML并非一种编程语言。用HTML标 记文档或给文档添加标记，使文档可在WWW上发布。 用HTML准备的文档包含引用图形和格式标记。用Web 浏览器可以查看这些HTML文档。 用HTML的语法规则建立的文档可以运行在不同操 作系统的平台上。因此，HTML文档属于纯文本文件 （它能用任意的文本编写器书写）
2.HTML的作用 M语言作为一种网页编辑语言,易学易懂,能 一制作出精美的网页效果,其作用如下: ①格式化文本。如设置标题、字体、字号、颜 色;设置文本的段落、对齐方式等 ②建立超链接。通过超链接检索在线的信息, 只需用鼠标单击,就可以到达任何一处 ③创建列表。把信息用一种易读的方式表现出 来 ④插入图像。使网页图文并茂,还可以设置图 像的各种属性,如大小、边框、布局等
2. HTML的作用 HTML语言作为一种网页编辑语言，易学易懂，能 制作出精美的网页效果，其作用如下： ① 格式化文本。如设置标题、字体、字号、颜 色；设置文本的段落、对齐方式等。 ② 建立超链接。通过超链接检索在线的信息， 只需用鼠标单击，就可以到达任何一处。 ③ 创建列表。把信息用一种易读的方式表现出 来。 ④ 插入图像。使网页图文并茂，还可以设置图 像的各种属性，如大小、边框、布局等
⑤建立表格。表格为浏览者提供了快速找到需要 信息的显示方式,还可以用表格来设定整个网页的布 局 ⑥加入多媒体。可以在网页中加入音频、视频、 动画,还能设定播放的时间和次数。 ⑦交互式窗体、计数器等。为获取远程服务而设 计窗体,可用于检索信息、定购产品等 HTM是最基本的网页制作语言,其他的专用网页 编辑器(如 FrontPage, Dreamweaver等)都是以HTML 为基础的
⑤ 建立表格。表格为浏览者提供了快速找到需要 信息的显示方式，还可以用表格来设定整个网页的布 局。 ⑥ 加入多媒体。可以在网页中加入音频、视频、 动画，还能设定播放的时间和次数。 ⑦ 交互式窗体、计数器等。为获取远程服务而设 计窗体，可用于检索信息、定购产品等。 HTML是最基本的网页制作语言，其他的专用网页 编辑器（如FrontPage，Dreamweaver等）都是以HTML 为基础的
3·HTML的编辑环境 TM的编辑环境很简单,任何一台计算机都可以 编辑网页。但要看到用户自己设计的网页效果,就需 要安装一个浏览器,如 Internet Explorer Netscape Navigator等。因此,只要计算机能运行某 个浏览器,就具备了网页制作的硬件环境。HTM要求 的软件环境更为简单,任何文本编辑器都可以用来制 作网页,包括记事本、写字板、Word、WS等编辑程 序。不过在保存时,一定要用纯文本方式存盘 HTML文件的设计制作与一般程序设计语言之间最 大的不同在于,ⅢTM具有跨平台的处理能力。也就 说,只要有适当的浏览器,不管使用何种操作系统 都能阅读制作的HTML文件
3. HTML的编辑环境 HTML的编辑环境很简单，任何一台计算机都可以 编辑网页。但要看到用户自己设计的网页效果，就需 要 安 装 一 个 浏 览 器 ， 如 Internet Explorer ， Netscape Navigator等。因此，只要计算机能运行某 个浏览器，就具备了网页制作的硬件环境。HTML要求 的软件环境更为简单，任何文本编辑器都可以用来制 作网页，包括记事本、写字板、Word、WPS等编辑程 序。不过在保存时，一定要用纯文本方式存盘。 HTML文件的设计制作与一般程序设计语言之间最 大的不同在于，HTML具有跨平台的处理能力。也就是 说，只要有适当的浏览器，不管使用何种操作系统， 都能阅读制作的HTML文件
4.专用的网页编辑器 ⅢTML作为最基本的网页编辑语言,能实现制作网 页的各种效果。但是,它毕竞是一种代码,得记住 些标记。因此,为了使设计网页更加简单方便,有些 公司和人员就设计了专用的网页编辑器。专用的网页 编辑器主要分为3大类 ①完全的所见即所得工具:所谓所见即所得,就 是在编辑网页时看到的效果,与使用浏览器时看到的 效果基本一致。如果希望建立一个美观而又不复杂的 站点,这种工具非常适合,可以很轻松地制作想要的 效果,但是必须按照这些软件的要求来设计。典型的 工具有 Drumbeat、 NetobjectFusion
4. 专用的网页编辑器 HTML作为最基本的网页编辑语言，能实现制作网 页的各种效果。但是，它毕竟是一种代码，得记住一 些标记。因此，为了使设计网页更加简单方便，有些 公司和人员就设计了专用的网页编辑器。专用的网页 编辑器主要分为3大类。 ① 完全的所见即所得工具：所谓所见即所得，就 是在编辑网页时看到的效果，与使用浏览器时看到的 效果基本一致。如果希望建立一个美观而又不复杂的 站点，这种工具非常适合，可以很轻松地制作想要的 效果，但是必须按照这些软件的要求来设计。典型的 工具有Drumbeat、NetobjectFusion
②纯粹的理M代码编辑工具:用纯粹的ⅢM代码 编辑工具,用户可以对页面进行完全的控制。使用这 些王具时,直接编辑原始的ⅢTM代码,在对页面进行 一加工时,不会破坏原有的代码。 当然,这并不是说用户得从头到尾编写每一种效 果的HTM源代码。因为这些工具通常带有许多辅助工 具,可以帮助用户创建表格、表单,以及其他复杂的 结构,并对创建的页面进行预览 这些工具最大的不足是必须会HTM语言。当然, 要想成为一个好的网页制作人员,ⅢML还是应当掌握 一的 这类工具中典型的有 Homesite HotDogProfessional、 HTMLedPro、 WebeditPro
② 纯粹的HTML代码编辑工具：用纯粹的HTML代码 编辑工具，用户可以对页面进行完全的控制。使用这 些工具时，直接编辑原始的HTML代码，在对页面进行 加工时，不会破坏原有的代码。 当然，这并不是说用户得从头到尾编写每一种效 果的HTML源代码。因为这些工具通常带有许多辅助工 具，可以帮助用户创建表格、表单，以及其他复杂的 结构，并对创建的页面进行预览。 这些工具最大的不足是必须会HTML语言。当然， 要想成为一个好的网页制作人员，HTML还是应当掌握 的。 这 类 工 具 中 典 型 的 有 HomeSite 、 HotDogProfessional、HTMLedPro、WebEditPro
③混合型工具:介于上面两种工具之间,混合型 工具在所见即所得的工作环境下可以完成主要的工作, 同时也能切换到一个文本编辑器,对HM源代码进行 直接地调整 像所见即所得的工具一样,混合型的创作工具通 常也不能完全控制HTM页的代码。但 Macromedia Dreamweaver在对已有的HTM页进行编辑时,会严格保 持原有代码的格式。典型的混合型工具还有 Adobe PageMi1l、 FrontPage、 CutePage、 uicksite等
③ 混合型工具：介于上面两种工具之间，混合型 工具在所见即所得的工作环境下可以完成主要的工作， 同时也能切换到一个文本编辑器，对HTML源代码进行 直接地调整。 像所见即所得的工具一样，混合型的创作工具通 常 也 不能 完 全控 制 HTML 页 的代 码。 但 Macromedia Dreamweaver在对已有的HTML页进行编辑时，会严格保 持原有代码的格式。典型的混合型工具还有Adobe PageMill、FrontPage、CutePage、QuickSite等
FrontPage是较好的所见即所得的网页编辑工具, 也是常用的网页编辑器。它对一个Web站点有很强的 控制能力,可以统一Web站点内页面的外观和风格 它的Web管理功能也很强大,用户可以通过图形的方 式观察和调整站点的结构
FrontPage是较好的所见即所得的网页编辑工具， 也是常用的网页编辑器。它对一个Web站点有很强的 控制能力，可以统一Web站点内页面的外观和风格。 它的Web管理功能也很强大，用户可以通过图形的方 式观察和调整站点的结构