网页设计课程第2章.ppt

第2章 HTML基础 超文本标记语言HTML（ Hyper Text Markup Language） HTML是一种用来制作超文本文档的简单标记语言，是由SGML发展而来的，可以说是SGML的一个子集。 简单地说，HTML文件包含了文档数据和显示格式两部分，其中文档数据是显示在WWW浏览器中的数据内容，显示格式则规定了这些内容在浏览器中以何种格式、样子呈现给用户。 标记 标记语言是Web应用的基础，标记语言是由内容和标记组成的 将内容与对内容的描述分开 标记：由封装在小于号（）和大于号（）构成的一对尖括号之中，标记一般分首标记和尾标记，它们成对出现。首标记用于开启某种形式的显示，尾标记含“/”以同首标记区分，用于关闭首标记开启的功能。 例如：utext with underline/u，首标记u开启下划线功能，尾标记/u关闭下划线功能 万维网联盟（World Wide Web Consortium，W3C）是一个国际标准化组织，成立于1994年，其主要目标是为World Wide Web的发展开发通用的协议和标准。 HTTP和HTML协议就是W3C针对WWW制定的两个非常重要的协议。 W3C网址是：。 标准通用标记语言SGML（Standard Generalize Markup Language，SGML）是一个用来定义在电子表格中如何对文件的结构和内容进行描述的国际标准（ISO-8879）。 历史背景： 1969年，当时美国IBM公司的研究人员开始设计一种名为GML（Generalized Markup Language）的语言，在印刷、统计等需要大规模数据处理的行业和部门的支持下，这项研究工作持续了十几年，于1980年推出了SGML（Standard Generalized Markup Language）语言，并于1986年获得国际标准化组织（ISO）的批准。其后，SGML的发展较为平稳，并不为其领域之外的人们所广泛了解。直至1991年，当HTML（Hypertext Markup Language）问世之后，人们才开始认识SGML。 HTML代码编辑 HTML代码可以使用Windows操作系统中自带的记事本进行编辑。 依次点击“开始菜单→程序→附件”找到该程序 HTML基本语法 HTML标记是由“”和“”所括住的指令标记，用于向浏览器发送标记指令。 主要分为：单标记指令、双标记指令（由“起始标记”＋内容＋“/结束标记”构成）。 HTML语言使用标志对的方法编写文件，既简单又方便。它通常使用“标志名内容/标志名”来表示标志的开始和结束，因此在HTML文档中这样的标志对都必须是成对使用的。 将HTML标记语言大致分为基本标记、格式标记、文本标记、图像标记、表格标记、链接标记、表单标记和帧标记等。 HTML文件的基本结构 HTML文档的结构 使用记事本创建网页 使用记事本创建网页的步骤： 1、打开记事本 2、输入HTML代码 3、保存为*.html或*.htm文件，注意格式问题 4、打开网页预览效果 注意事项：P13 一个HTML实例 html head title欢迎你/title /head body 欢迎来到我的主页 /body /html 基本标记 基本标记是用来定义页面属性的一些标记语言。通常一份HTML网页文件包含3个部分： 标头区HEAD……/HEAD、 内容区BODY……/BODY 网页区HTML……/HTML。 1．html……/html html标志用于HTML文档的最前边，用来标识HTML文档的开始。 /html标志恰恰相反，它放在HTML文档的最后边，用来标识HTML文档的结束，两个标志必须一块使用。 2．head……/head head和/head构成HTML文档的开头部分，在此标志对之间可以使用title/title、script/script等标志对。这些标志对都是用来描述HTML文档相关信息的，head和/head标志对之间的内容是不会在浏览器的框内显示出来的，两个标志必须一块使用。 3．body……/body body和/body是HTML文档的主体部分，在此标志对之间可包含p……/p、h1……/h1、br、hr等众多的标志。它们所定义的文本、图像等将会在浏览器的框内显示出来。 4．title……/title 浏览器窗口最上边蓝色部分显示的文本信息一般是网页的主题。要将网页的主题显示到浏览器的顶部只要在title/title标志对之间加入需要显示的文本即可。 html head title显示在浏览器窗口最顶端中的文本/title /head body bgcolor=red text=blue p红色背景、蓝色文本/p /body /h