网络编辑实用教程 (助理网络编辑师) 第一章计算机基础知识》 制作人：潘红艳
4.1HTML基础知识 HTML即Hyper Text Markup Language,超文本标记语言。 HTML被认为是网页的根，不论你用什么网页编辑器来制作网页，但最 后的结果都生成HTML语言，当然你也可以直接用HTML语言来编写网 页。 4.1.1HTML简介 HTML是主要用于创建Web页面的语言，使用HTML的文件只是 一种普通的文本文件，这样的特性对于Internet来讲十分重要，因为它 最大程度地保证了文件的开放性和流通性。用户可以在诸如Nindows Notepad(记事本)的简单文本编辑程序中打开并且编辑HTML语言。 助理网络编辑师
助理网络编辑师 2 4.1 HTML基础知识 HTML即Hyper Text Markup Language，超文本标记语言。 HTML被认为是网页的根，不论你用什么网页编辑器来制作网页，但最 后的结果都生成HTML语言，当然你也可以直接用HTML语言来编写网 页。 4.1.1 HTML简介 HTML是主要用于创建Web页面的语言，使用HTML的文件只是 一种普通的文本文件，这样的特性对于Internet来讲十分重要，因为它 最大程度地保证了文件的开放性和流通性。用户可以在诸如Windows Notepad（记事本）的简单文本编辑程序中打开并且编辑HTML语言
4.1.2HTML的发展 ·1991年，CERN(欧洲粒子物理实验室)开发WWW时，由IETF ((Internet Engineering Task Force,Internet工程任务组)所属的 HTML-MG工作小组负责制定HTML的标准，当时CERN所使用的 HTML1.0版，所提供的指令只能标出一般普通文件格式，例如标 题、段落、字体大小、表格和图形。 1993年底，Dace Raggatt发表了一份HTML规格建议书，并将其命 名为HTML+。 1994年初，Dan Conneely:提出了另一份HTML规格建议书，就是后 来的HTML2.0版。它能够描述一些非常重要的结构，例如Form表格 文件。 1994年10月，由MITLCS(Massachusetts Institute of Technology's Laboratory for Computer Science,美国麻省理工 学院计算机科学实验室)成立了W3c(World Wide Web Consortium,全球信息网协会)。 助理网络编辑师
助理网络编辑师 3 4.1.2 HTML的发展 • 1991年，CERN（欧洲粒子物理实验室）开发WWW时，由IETF （Internet Engineering Task Force，Internet工程任务组）所属的 HTML-MG工作小组负责制定HTML的标准，当时CERN所使用的 HTML 1.0版，所提供的指令只能标出一般普通文件格式，例如标 题、段落、字体大小、表格和图形。 • 1993年底，Dace Raggatt发表了一份HTML规格建议书，并将其命 名为HTML+。 • 1994年初，Dan Conneely提出了另一份HTML规格建议书，就是后 来的HTML 2.0版。它能够描述一些非常重要的结构，例如Form表格 文件。 • 1994年10月，由MITLCS（Massachusetts Institute of Technology’s Laboratory for Computer Science，美国麻省理工 学院计算机科学实验室）成立了W3C（World Wide Web Consortium，全球信息网协会）
● 1996年春，由W3C的一些会员（如IBM、Microsoft、Netscape Communications Corporation、Novell、.SoftQuad、Spyglass and Sun Microsystems)一起研制了HTML3.2版，并于1997年1月 正式发表。 1997年下半年，W3C又公开了HTML4.0的草稿，供社会各界人士测 试。于1997年12月8日，W3C正式通过了HTML4.0版。 ● 1999年12月24日，W3C又发布了HTML4.01。它只是修正了 HTML4.0中的一些不足之处，不足以命名为HTML5.0版本，它是 HTML4.0的补充。 助理网络编辑师
助理网络编辑师 4 • 1996年春，由W3C的一些会员（如IBM、Microsoft、Netscape Communications Corporation、Novell、SoftQuad、Spyglass and Sun Microsystems）一起研制了HTML 3.2版，并于1997年1月 正式发表。 • 1997年下半年，W3C又公开了HTML 4.0的草稿，供社会各界人士测 试。于1997年12月8日，W3C正式通过了HTML 4.0版。 • 1999年12月24日，W3C又发布了HTML4.01。它只是修正了 HTML4.0中的一些不足之处，不足以命名为HTML5.0版本，它是 HTML4.0的补充
4.1.3HTML文件的构成及规则 HTML元素是构成HTML文件的基本单位，它通常由起始标记、内容 和结束标记三个部分组成。 标记是指用“”括起来的具有特定含义的字符串，如代表普 通的段落，为无序列表，则代表列表项目等。HTML元素的完 整语法如下： 要控制的文字 注：一般来说，TM标记都是成对出现的，并且不区分大小写，结束标记前要加“/”，我们 把这样的标记称为包容标记。当然也有例外的情况，如标记表示自动换行，它就不需要成对出 现，称之为空标记。 每个元素都有一些相关的属性，属性只出现在起始标记中，并且具有 固定的格式： 属性名=“属性值” 助理网络编辑师
助理网络编辑师 5 4.1.3 HTML文件的构成及规则 HTML元素是构成HTML文件的基本单位，它通常由起始标记、内容 和结束标记三个部分组成。 标记是指用“”括起来的具有特定含义的字符串，如代表普 通的段落，为无序列表，则代表列表项目等。HTML元素的完 整语法如下： 要控制的文字 注：一般来说，HTML标记都是成对出现的，并且不区分大小写，结束标记前要加“/”，我们 把这样的标记称为包容标记。当然也有例外的情况，如标记表示自动换行，它就不需要成对出 现，称之为空标记。 每个元素都有一些相关的属性，属性只出现在起始标记中，并且具有 固定的格式： 属性名= “属性值
如图所示，一段标准的HTML元素格式。内容为设定一段文字的 字体为隶书。 文字字体为隶书 属性属性值 起始标记 内容 结束标记 元素 助理网络编辑师
助理网络编辑师 6 如图所示，一段标准的HTML元素格式。内容为设定一段文字的 字体为隶书
4.1.4HTML文件的生成与预览 用户可以在大多数的文本 编辑软件中新建、打开、编辑 D无标题-记事本 日▣☒ HTML语言。如Nindows记事 文件①)编辑但)格式@)查看)帮助如 本、Microsoft Word等。这里以 Windows记事本为例讲述如何生 KTITLE>文件示例 成并预览HTML文件。 文件示例 K/BODY> 1.HTML文件的新建与编辑 rML丬 选择Windows“开始”菜单 中“程序”子菜单中的“附件”，启动 “记事本”程序。输入HTML语言所 编写的网页内容。如右图所示。 助理网络编辑师
助理网络编辑师 7 4.1.4 HTML文件的生成与预览 用户可以在大多数的文本 编辑软件中新建、打开、编辑 HTML语言。如Windows记事 本、Microsoft Word等。这里以 Windows记事本为例讲述如何生 成并预览HTML文件。 1．HTML文件的新建与编辑 选择Windows“开始”菜单 中“程序”子菜单中的“附件”，启动 “记事本”程序。输入HTML语言所 编写的网页内容。如右图所示
2.HTML文件的保存 HTML文件本身是一种文 男弃为 本文件，它的扩展名通常为 保存在)：材作基 09国 “.html'或.htm”。用户可以在“记 事本”中直接以“.html或“.htm 为扩展名将文件保存。 岛 选择“文件”菜单中的“保 存”命令，弹出“另存为”对话框， 文件名即 在相应位置输入文件名及扩展名， 文本文档.t》 选择文件所要存储的位置，单击 “保存”按钮即可。如右图所示。 助理网络编辑师
助理网络编辑师 8 2．HTML文件的保存 HTML文件本身是一种文 本文件，它的扩展名通常为 “.html”或“.htm”。用户可以在“记 事本”中直接以 “.html”或“.htm” 为扩展名将文件保存。 选择“文件”菜单中的“保 存”命令，弹出“另存为”对话框， 在相应位置输入文件名及扩展名， 选择文件所要存储的位置，单击 “保存”按钮即可。如右图所示
3.HTML文件的预览 保存后的HTML文件就可以 打开 回☒ 通过E浏览器进行预览。启动E浏 ?鼎老nt地址，ra 览器，选择“文件”菜单中的打开” 打开@)：合D:同页制作基瑞d1.htn 口以Nb文件夹方式打开四 命令，出现“打开”对话框，单击 消定门取消☐测院⑧). “浏览”按钮，从打开的对话框中选 择刚才保存过的HTML文件，单击 “打开”按钮回到“打开”对话框。如 右上图所示。单击“确定”按钮，即 可在浏览器中以Web的方式打开 文件。如右下图所示。 助理网络编辑师
助理网络编辑师 9 3．HTML文件的预览 保存后的HTML文件就可以 通过IE浏览器进行预览。启动IE浏 览器，选择“文件”菜单中的“打开” 命令，出现“打开”对话框，单击 “浏览”按钮，从打开的对话框中选 择刚才保存过的HTML文件，单击 “打开”按钮回到“打开”对话框。如 右上图所示。单击“确定”按钮，即 可在浏览器中以Web的方式打开 文件。如右下图所示
4.2HTML标记的使用 4.2.1文件结构标记 D无标题-记事本 日▣☒ 1.文件起始标记 文件①)编辑但)格式@)查看)帮助如 所有HTML文件的内容都应 TITLE>文件示例 该包含在文件起始标记中。如右图 E〉 所示。 TL文件示例 BODY> TML丬 助理网络编辑师 10
助理网络编辑师 10 4.2 HTML标记的使用 4.2.1 文件结构标记 1．文件起始标记 所有HTML文件的内容都应 该包含在文件起始标记中。如右图 所示