商务网页第3课.pptx

第3章 HTML网页制作技术3.1 网页基础知识3.1.1 网页源文件1．网页源文件的概念网页源文件是一个什么样的文件？网页源文件其实是一个纯文本文件，是按照超文本标记语言的规范定义和显示网页内容（包括多媒体、动态数据）的文本文件。2．网页源文件的存储格式文件扩展名通常为.html或.htm，动态网页通常采用.jsp/.asp等格式。如果一个网页含有图片，则网页源文件中一定有标记该图片存储位置、以及以如何显示的语句。3．网页源文件的运行方式浏览器就是“翻译官”，HTML就是“世界语”3.1.2 网页解释代码1．网页解释代码的产生2．网页解释代码的查看与保3.1.3 网页制作语言介绍1．HTML语言（1）HTML定义HTML是超文本标记语言，是标准通用标记语言下的一个应用，是一种标准规范，它通过标记符号（即标签）标记要显示的网页中的各个部分，是最基础的网页制作语言。（2）HTML发展（3）HTML与XML、XHTML的关系① HTML与XML的关系XML（EXtensible Markup Language，可扩展标记语言）是标准通用标记语言的子集，是一种用于标记电子文件使其具有结构性的标记语言。两者的设计目的不同。XML被设计用来传输和存储数据，其焦点是数据的内容；HTML被设计用来显示数据，其焦点是数据的外观。联系是：两者都是标记语言，XML虽然是后来出现的，但不是HTML的替代，而是对HTML的补充。② HTML与XHTML的关系XHTML（Extensible HyperText Markup Language，可扩展超文本标记语言），其目的就是取代HTML，结合了部分XML的强大功能及大多数HTML的简单特性。其表现方式与HTML类似，不过语法上更加严格。2．CSS语言CSS是一种用来表现HTML或XML等文件样式的文本通用标记语言，其主要作用就是增强HTML网页的显示效果。CSS的本质是一系列式样格式的设置规则，用来设置网页的外观。CSS源文件与HTML源文件一样也是纯文本文件。3.1.4 HTML基础知识1．网页元素在HTML语言规范里，网页元素是指文本、图像、声音、视频、动画、超链接、菜单、表单和程序等网页基础单元。网页元素可以是一个最基础的单元素，也可以是由多个元素组合而成的组合元素。网页组合元素有时也称为网页构件。2．HTML标签的作用和特点（1）HTML标签的概念HTML标签就是标记符号，是专门定义网页元素用的，通常由元素的英文名称或者缩写来标识，并用尖括号“”括起来。尖括号连同扩起来的文本字符的组合就是一个标签，形式为“××××”（如“body”），也可以把标签理解为用尖括号包围的关键字，其定义了后续的元素是什么。标签通常成对出现，有开始标签和结束标签，分别采用“××××”“/××××”形式表示。如“body” “/body”。（2）HTML标签的作用识别网页元素是什么类型的。无标签的网页源代码：包含标签的网页源代码：（3）HTML标签的特点HTML标签具有以下显著特点： 由尖括号包围的关键词，比如 html。 通常是成对出现的，比如div和/div。标签对中的第1个标签是开始标签，第2个标签是结束标签。开始和结束标签也被称为开放标签和闭合标签。 也有单独呈现的标签，如：img src=企业LOGO.jpg /等。 一般成对出现的标签，标签的内容在两个标签中间。而单独呈现的标签，则在标签属性中赋值。如：h1标题/h1input type=text value=按钮 / 通常，网页的标题、字符格式、语言、兼容性、关键字、网页整体描述等信息显示在head标签中，而网页需展示的内容需嵌套在body标签中。这是一种规范的编写习惯，虽然不按规范的编写习惯书写代码也可以正常显示，但是从职业素养的角度讲，还是应该养成规范的编写习惯。3．HTML标签的种类HTML标签的种类很多，目前上没有规范的分类方法。基于实用的角度，总体上可分为以下13个种类：基础标签、格式标签、表单标签、框架标签、图像标签、视音频标签、链接标签、列表标签、表格标签、样式标签、元信息标签、编程标签、全局标签表3.1 基础标签标签 描述!DOCTYPE定义文档类型html 定义HTML文档title 定义网页标题body 定义文档的主体h1～h6 定义 HTML文档标题p 定义段落br 定义简单的折行hr 定义水平线!--…-- 定义注释 表3.2 格式标签标签 描述acronym 定义只取首字母的缩写abbr 定义缩写address 定义文档作者或拥有者的联系信息b 定义粗体文本bdi 定义文本的文本方向，使其脱离其周围文本的方向设置bdo 定义文字方向big 定义大号文本blockquote 定义长的引用center 定义居中文本（