第5章网页设计语言HTML 学习目标 ◆HTML的概念 ◆HTML的语法与结构 掌握HIML的各种标记符号及其属性 能够制作简单网页
1 第5章 网页设计语言HTML 学习目标 u HTML的概念 u HTML的语法与结构 u 掌握HTML的各种标记符号及其属性 u 能够制作简单网页
返回总目录 第5章网页设计语言HTML 教学内容 5.1HTML概述 5.2HTML的一般标记符 5.3文本标记符 5.4列表标记符 5.5链接标记符 5.6表格标记符 5.7表单标记符 5.8多媒体标记符 本章小结
2 第5章 网页设计语言HTML 教学内容 5.1 HTML概述 5.2 HTML的一般标记符 5.3 文本标记符 5.4 列表标记符 5.5 链接标记符 5.6 表格标记符 5.7 表单标记符 5.8 多媒体标记符 本章小结 返回总目录
返回目录 51HTM概述 HTML( Hypertext Markup language)是最基本的Web页面开发语 言,称为文本文档标记语言。它不需要编译,由浏览器(如I)解 释执行。HTML是纯文本文件,可采用 Windows中的记事本或写字板 来编辑,也可以用D0S下的Edit等文本编辑器,保存时文件名的后缀 为.htm或htm1。 HTML的主要语法是元素和标签。元素是符合文档类型定义的文档 组成部分,如 title(文档标题)、img(图像)、 table(表格) 等。元素名不区分大小写。标签用来规定元素的属性和它在文档中 的位置。标签分单独出现和成对出现两种情况 例如:< title>网页设计教程</ title title是元素名,< title>与</ title>之间的内容都属于元素 title, < title>是标签,用来说明元素 title 3
3 5.1 HTML概述 返回目录 HTML（Hypertext Markup Language）是最基本的Web页面开发语 言，称为文本文档标记语言。它不需要编译，由浏览器（如IE）解 释执行。HTML是纯文本文件，可采用Windows中的记事本或写字板 来编辑，也可以用DOS下的Edit等文本编辑器，保存时文件名的后缀 为.htm或.html。 HTML的主要语法是元素和标签。元素是符合文档类型定义的文档 组成部分，如title（文档标题）、img（图像）、table（表格） 等。元素名不区分大小写。标签用来规定元素的属性和它在文档中 的位置。标签分单独出现和成对出现两种情况。 例如：<title>网页设计教程</title> title是元素名，<title>与</title>之间的内容都属于元素title， <title>是标签，用来说明元素title
返回目录 52HTM的一般标记符一一个简单的网页 一个简单网页的制作 第一步:打开 Windows下的记事本。 第二步:输入下面代码 <html> <head> <ttle>HTML网页设计教程</ title> <head> <body>你好!欢迎浏览本网页!<body> </html> 第三步:以 sample.htm为文件名保存文件并关闭该文件。 第四步:双击 sample.htm文件,浏览器会自动执行它
4 5.2 HTML的一般标记符 — 一个简单的网页 一个简单网页的制作 第一步：打开Windows下的记事本。 第二步：输入下面代码 <html> <head> <title> HTML网页设计教程 </title> </head> <body> 你好! 欢迎浏览本网页！</body> </html> 第三步：以sample.htm为文件名保存文件并关闭该文件。 第四步：双击sample.htm文件，浏览器会自动执行它。 返回目录
返回目录 52HTM的一般标记符一mTM文件格式特点 1.每一个HTML文件以<htm1>开始,以/htm1>结東,浏览器遇到<htm1>标志时,会按 照HML的标准来解释后面的文本,直到</htm1>才停止解释。<htm1>和</htm1>是成对出 现的,所有的文本和命令都在它们之间。 2.<head>是网页的头部标记,通常紧跟<html>之后。<head>与<head>之间的文本是整 个文件的序言,不属于HTML文件本体部分,不在浏览器屏幕中显示 3.< title>用来说明文件标题, TITLE元素的格式为:< title>文件题目√/ title>, 个好的题目应该使读者能从中判断出该文件的大概内容。浏览时文件题目将显示在IE浏 览器标题栏上。<titl中不包含其他标记 4.<body>和</body>之间是网页主体内容。在<body>标签中可以规定整个文档的一些 基本属性,如:“ bgcolor”属性,用于指定文档的背景颜色,“text”属性用于指定文档中文 字的颜色 5.所有标记不得交叉,如<body>与</body>必须包含在<htm1>与</hm1>中间。 6.HTML文件对书写格式要求不太严格 5
5 5.2 HTML的一般标记符 — HTML文件格式特点 1．每一个HTML文件以<html>开始，以</html>结束，浏览器遇到<html>标志时，会按 照HTML的标准来解释后面的文本，直到</html>才停止解释。<html>和</html>是成对出 现的，所有的文本和命令都在它们之间。 2．<head>是网页的头部标记，通常紧跟<html>之后。<head>与</head>之间的文本是整 个文件的序言，不属于HTML文件本体部分，不在浏览器屏幕中显示。 3．<title>用来说明文件标题，TITLE元素的格式为：<title>文件题目</title> ，一 个好的题目应该使读者能从中判断出该文件的大概内容。浏览时文件题目将显示在IE浏 览器标题栏上。<title>中不包含其他标记。 4．<body>和</body>之间是网页主体内容。在<body>标签中可以规定整个文档的一些 基本属性，如： “bgcolor” 属性，用于指定文档的背景颜色,“text” 属性用于指定文档中文 字的颜色。 5．所有标记不得交叉，如<body>与</body>必须包含在<html>与</html>中间。 6．HTML文件对书写格式要求不太严格。 返回目录