书名：Dreamweaver CS6网页设计立体化教程（双色微课版）pdf/doc/txt格式电子书下载

推荐语：

作者：刘解放闵文婷著

出版社：人民邮电出版社有限公司

出版时间：2017-08-01

书籍编号：30534803

ISBN：9787115463517

正文语种：中文

字数：387000

版次：2

所属分类：教材教辅-大学

版权信息

书名：Dreamweaver CS6网页设计立体化教程（双色微课版）

作者：刘解放 闵文婷

出版社：人民邮电出版社有限公司

出版时间：2017-08-01

ISBN：9787115463517

版权所有 · 侵权必究

插图

第2章-课后练习展示（服装网页）

第2章-课堂案例展示

第2章-项目实训展示

第3章-课堂案例展示1

第3章-课后练习展示

第3章-课堂案例展示2

第3章-项目实训展示

第4章-课后练习展示1

第4章-课后练习展示2

第4章-课堂案例展示1

第4章-课堂案例展示2

第4章-项目实训展示

第5章-课后练习展示

第5章-课堂案例展示1

第5章-课堂案例展示2

第5章-课堂案例展示3

第6章-课堂案例展示

第5章-项目实训展示

第6章-课后练习展示

第6章-项目实训展示

第7章-课后练习展示

第7章-课堂案例展示1

第7章-课堂案例展示2

第7章-课堂案例展示3

第7章-项目实训展示

第10章-项目实训展示

第10章-综合案例展示

内容提要

Dreamweaver是目前主流的一款网页设计软件，广泛应用于网页设计的各个领域，其中Dreamweaver CS6是比较常用的版本。本书即以Dreamweaver CS6为蓝本，讲解使用Dreamweaver CS6进行网页设计的相关知识。本书在附录中还列出了一些Dreamweaver CS6的课后提升方法，以方便读者快速查阅。

本书内容讲解由浅入深、循序渐进，先采用情景导入案例式讲解软件知识，然后通过“项目实训”和“课后练习”加强对学习内容的训练，最后通过“技巧提升”来提升学生的综合学习能力，以及软件的扩展知识。全书通过大量的案例和练习，着重对学生实际应用能力的培养，并将职业场景引入课堂教学，让学生提前进入工作角色。

本书适合作为高等院校网页设计与制作相关课程的教材，也可作为各类社会培训学校相关专业的教材，同时还可供Dreamweaver初学者自学使用。

前言

根据现代教学的需要，我们组织了一批优秀的、具有丰富的教学经验和实践经验的作者团队编写了本套“高等院校O2O新形态立体化系列规划教材”。

教材进入学校已有三年多的时间，在此期间，我们很庆幸这套图书能够得到广大老师的认可，并帮助他们授课；同时我们更加庆幸，很多老师在教授教材的同时，给我们提出了宝贵的建议。为了让本套书更好地服务于广大老师和同学，我们根据一线老师的建议，开始着手教材的改版工作。改版后的丛书拥有“案例更多”“行业知识更全”“练习更多”等优点。在教学方法、教学内容和教学资源3个方面体现出自己的特色，更加适合现代教学的需要。

教学方法

本书设计了“情景导入→课堂案例→项目实训→课后练习→技巧提升”五段教学法，将职业场景、软件知识、行业知识进行有机整合，各个环节环环相扣，浑然一体。

●情景导入：本书围绕日常工作中的场景展开，以主人公的实习情景模式为例引入本章教学主题，并贯穿于课堂案例的讲解中，让学生了解相关知识点在实际工作中的应用情况。本书涉及的人物角色如下。

米拉：职场新进人员，昵称小米。

洪钧威：人称老洪，米拉的领导，也是米拉的“师傅”。

●课堂案例：以来源于职场和实际工作中的案例为主线，将米拉的职场路引入每一个课堂案例。因为这些案例均来自职场，所以应用性非常强。在每个课堂案例中，我们不仅讲解了案例涉及的Dreamweaver软件知识，还讲解了与案例相关的行业知识，并通过“行业提示”的形式展现出来。在案例的制作过程中，穿插有“知识提示”“多学一招”小栏目，帮助提升学生的软件操作技能，拓展知识面。

●项目实训：结合课堂案例讲解的知识点和实际工作的需要进行综合训练。训练注重学生的自我总结和学习，所以在项目实训中，我们只提供适当的操作思路及步骤提示供参考，要求学生独立完成操作，充分训练学生的动手能力。同时增加与本实训相关的“专业背景”让学生提升自己的综合能力。

●课后练习：结合本章内容给出难度适中的上机操作题，可以让学生巩固强化所学知识。

●技巧提升：以本章案例涉及的知识为主线，深入讲解软件的相关扩展知识，让学生可以更便捷地操作软件，还可以学到软件的更多高级功能。

教学内容

本书的教学目标是循序渐进地帮助学生掌握Dreamweaver网页设计与制作的高级应用，具体包括Dreamweaver CS6网页制作基础、在网页中输入与格式化文本、插入图像与各种多媒体对象、布局网页版面、在网页中创建超链接、CSS与盒子模型的应用、模板和库的应用、表单和行为的应用、ASP动态网页的制作、网站的测试和发布等。全书共10章，可分为以下5个方面的内容讲解。

●第1章：主要讲解Dreamweaver CS6网页设计基础和站点的创建与管理等知识。

●第2、3章：主要讲解在网页中输入与格式化文本、插入图像和插入各种多媒体对象等知识。

●第4~7章：主要讲解在网页中使用超链接，使用表格、AP Div和框架布局网页，CSS与盒子模型的应用，模块和库的使用，表单和行为的使用等知识。

●第8、9章：主要讲解在网页中创建ASP动态网页以及测试与发布站点等知识。

●第10章：讲解了综合案例——植物网站的制作，进一步巩固所学知识。

平台支撑

人民邮电出版社充分发挥在线教育方面的技术优势、内容优势、人才优势，潜心研究，为读者提供一种“纸质图书+在线课程”相配套，全方位学习Dreamweaver网页设计的解决方案。读者可根据个人需求，利用图书和“微课云课堂”平台上的在线课程进行碎片化、移动化的学习，以便快速全面地掌握Dreamweaver网页设计以及与之相关联的其他软件。

“微课云课堂”目前包含近50000个微课视频，在资源展现上分为“微课云”“云课堂”这两种形式。“微课云”是该平台中所有微课的集中展示区，用户可随需选择；“云课堂”是在现有微课云的基础上，为用户组建的推荐课程群，用户可以在“云课堂”中按推荐的课程进行系统化学习，或者将“微课云”中的内容进行自由组合，定制符合自己需求的课程。

◇“微课云课堂”主要特点

微课资源海量，持续不断更新：“微课云课堂”充分利用了出版社在信息技术领域的优势，以人民邮电出版社60多年的发展积累为基础，将资源经过分类、整理、加工以及微课化之后提供给用户。

资源精心分类，方便自主学习：“微课云课堂”相当于一个庞大的微课视频资源库，按照门类进行一级和二级分类，以及难度等级分类，不同专业、不同层次的用户均可以在平台中搜索自己需要或者感兴趣的内容资源。

多终端自适应，碎片化移动化：绝大部分微课时长不超过十分钟，可以满足读者碎片化学习的需要；平台支持多终端自适应显示，除了在PC端使用外，用户还可以在移动端随心所欲地进行学习。

◇“微课云课堂”使用方法

扫描封面上的二维码或者直接登录“微课云课堂”（www.ryweike.com）→用手机号码注册→在用户中心输入本书激活码（ee65f8f3），将本书包含的微课资源添加到个人账户，获取永久在线观看本课程微课视频的权限。

此外，购买本书的读者还将获得一年期价值168元的VIP会员资格，可免费学习50000个微课视频。

教学资源

本书的教学资源包括以下几个方面的内容。

●素材文件与效果文件：包含书中实例涉及的素材与效果文件。

●模拟试题库：包含丰富的关于Dreamweaver的相关试题，读者可自动组合出不同的试卷进行测试。另外，本书还提供了两套完整模拟试题，以便读者测试和练习。

●PPT课件和教学教案：包括PPT课件和Word文档格式的教学教案，以便老师顺利开展教学工作。

●拓展资源：包含网页设计素材等。

特别提醒：要获取上述教学资源可访问人民邮电出版社人邮教育社区（http://www.ryjiaoyu.com/）搜索书名下载，或者发电子邮件至dxbook@qq.com索取。

本书涉及的所有案例、实训所讲解的重要知识点都提供了二维码，学生只需要用手机扫描即可查看对应的操作演示，以及知识点的讲解内容，方便学生灵活运用碎片时间，即时学习。

本书由刘解放、闵文婷任主编，李芳玲、王子轶、程淑玉任副主编，邢丹丹参编。虽然编者在编写本书的过程中倾注了大量心血，但恐百密之中仍有疏漏，恳请广大读者不吝赐教。

编者

2017年5月

第1章 Dreamweaver CS6网页制作基础

情景导入

米拉是刚到网络编辑部门报到的实习生，为了让她尽快上手公司业务，老洪决定带领米拉一起完成接下来的工作，以使米拉早日成为一名合格的网页设计师。

学习目标

●熟悉网站制作的相关知识

如网站、网页的概念，网页常用术语，网页色彩搭配，HTML标记语言，以及Dreamweaver CS6的工作界面等。

●掌握“千履千寻”公司网站站点的创建方法

如网站开发流程，网页设计内容和原则，站点规划，创建、编辑和管理站点等。

案例展示

▲赏析购物网站

▲使用记事本制作“企业文化”网页

1.1 课堂案例：赏析购物网站

随着互联网时代的到来，网络已经完全融入到人们的生活中。在网络中，企业和个人通常会通过网站来展示自己，精美的网页设计，对于提升企业和个人形象至关重要。

米拉对于职场中的网站设计概念还很模糊，于是老洪挑选了一个比较优秀的网站效果图给米拉，让她在赏析的同时，能够了解到网站制作的相关基础知识。

素材所在位置 素材文件\\第1章\\课堂案例\\购物网站.jpg

1.1.1 网站概述

在网络中，几乎所有的网络活动都与网页有关，要想学习网页制作，就需要先了解一些网页的基本知识，下面分别进行介绍。

1.网站和网页的关系

互联网是由成千上万个网站组成的，而每个网站又是由诸多网页构成，因此可以说网站是由网页组成的一个整体。下面分别对网站和网页进行介绍。

●网站：在Internet中根据一定规则，使用HTML等工具制作的用于展示特定内容的相关网页集合。通常网站的作用是发布资讯或提供相关服务。

●网页：网页是Internet中的页面，在浏览器的地址栏中输入网站地址打开的页面就是网页。网页是构成网站的基本元素，是网站应用平台的载体。

2.网站的类型

网站是多个网页的集合，按网站内容可将网站分为5种类型：门户网站、企业网站、个人网站、专业网站、职能网站，下面将分别对这几种类型进行讲解。

●门户网站：门户网站是一种综合性网站，涉及领域非常广泛，包含文学、音乐、影视、体育、新闻、娱乐等方面的内容，还具有论坛、搜索和短信等功能。国内较著名的门户网站有新浪、搜狐、网易等。

●企业网站：企业网站是为了在互联网上展现企业形象和公司产品，以对企业进行宣传而建设的网站。一般是以公司名义开发创建，其内容、样式和风格等都是为了展示自身的企业形象。

●个人网站：个人网站是指个人或团体因某种兴趣，拥有某种专业技术，提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站，具有较强的个性化。

●专业网站：这类网站具有很强的专业性，通常只涉及某一个领域，如太平洋电脑网是一个电子产品专业网站平台。

●职能网站：职能网站具有特定的功能，如政府职能网站等。目前流行的电子商务网站也属于这类网站，较有名的电子商务网站有淘宝网、卓越网和当当网等。

3.网页的类型

根据分类的依据不同，可以将网页分为不同的类型，下面分别进行介绍。

●按位置分类：按网页在网站中的位置可将其分为主页和内页。主页是指网站的主要导航页面，一般是进入网站时打开的第一个页面，也称为首页；内页是指与主页相链接的页面，也就是网站的内部页面。

●按表现形式分类：按网页的表现形式可将网页分为静态网页和动态网页。静态网页是指用HTML语言编写的、实际存在的网页文件，它无法处理用户的信息交互过程，其后缀名为.html或.htm；动态网页是使用ASP、PHP、JSP和CGI等程序生成，常与数据库结合使用，使网页产生动态效果，可以处理复杂用户信息的交互过程，其后缀名为.asp、.php、.jsp。

4.网站的结构

网站结构的设计与规划，对整个网站的最终呈现效果起着至关重要的作用，它不但直接关系到页面结构的合理性，同时还在一定程度上映射出该网站的类型定位。下面对网站常见的结构进行介绍。

●国字型：国字型是最常见的一种布局方式，其上方为网站标题和广告条，中间为正文，左右分列两栏，用于放置导航和工具栏等，下方是站点信息。

●拐角型：与“国字型”相似，上方为标题和广告条，中间左侧较窄的一栏放超链接一类的功能，右侧为正文，下面为站点信息。

●标题正文式：这种结构的布局方式比较简单，主要用于突出需要表达的重点，通常最上方为通栏的标题和导航条，下方是正文部分。

●封面式：常用于显示宣传网站首页，常以精美的大幅图像为主题，设计方式多为Flash动画。

5.网页的基本构成元素

文本、图像、超链接和音视频等元素是构成网页的基本元素，通过这些元素的组合，能够将网页制作成各种不同类型、风格的页面。下面分别对这些元素进行介绍。

●文本：文本具有体积小、网络传输速度快等特点，可以使用户更方便地浏览和下载文本信息，是网页最主要的基本元素，也是页面中最主要的信息载体。

●图像：图像比文本更加生动和直观，可以传递一些文本不能表达的信息，具有强烈的视觉冲击力。网页中的网站标识、背景、链接等都可以是图像。

●超链接：用于指定从一个位置跳转到另一个位置的超链接，可以是文本链接、图像链接、锚链接等。超链接可以在当前页面中进行跳转，也可以在页面外进行跳转。

●音频：音频文件可以使网页效果更加多样化，网页中常用的音乐格式有mid、mp3。其中mid为通过计算机软硬件合成的音乐，不能被录制；而mp3为压缩文件，其压缩率非常高，音质也不错，是背景音乐的首选。

●视频：网页中的视频文件一般为flv格式，它是一种基于Flash MX的视频流格式，具有文件小、加载速度快等特点，是网络视频格式的首选。

●动画：网页中常用的动画格式主要有两种，分别是GIF动画和SWF动画。GIF动画是逐帧动画，相对比较简单，而SWF动画则更富表现力和视觉冲击力，还可结合声音和互动功能，吸引浏览者的眼球。

1.1.2 网页常用术语

网页设计有其专业的常用术语，如Internet、WWW、浏览器、URL、IP、域名、HTTP、FTP、站点、发布、超链接、导航条、客户机和服务器等，作为一名网页设计师，必须熟练掌握这些常用术语。

1.Internet

Internet又名互联网或因特网，是由各种不同类型的计算机网络连接起来的全球性网络。

2.WWW

WWW是“World Wide Web，万维网”的缩写，简称Web，其功能是让Web客户端（常用浏览器）访问Web服务器中的网页。

3.浏览器

浏览器是将Internet中的文本文档和其他文件翻译成网页的软件，通过浏览器可以快捷地获取Internet中的内容。常用的浏览器有Internet Explorer、Firefox、Chrome等。

4.URL

URL的中文名称是“统一资源定位符”，用于指定通信协议和地址，如“http://www.baidu.com”就是一个URL，其中，“http://”表示通信协议为超文本传输协议，“www.baidu.com”表示网站名称。

5.IP

IP（Internet Protocol的缩写）即网际协议。Internet中的每台计算机都有唯一的IP地址，表示该计算机在Internet中的位置。IP实际是由32位的二进制数（分为4段）组成，每段8位，各部分用小数点分开。IP通常分为3类，具体如下。

●A类：IP前8位表示网络号，后24位表示主机号，有效范围为1.0.0.1~126.255.255.254。

●B类：IP前16位表示网络号，后16位表示主机号，有效范围为128.0.0.1~191.255.255.254。

●C类：IP前24位表示网络号，后8位表示主机号，有效范围为192.0.0.1~222.255.255.254。

6.域名

域名指网站的名称，任何网站的域名都是全世界唯一的。通常把域名看成网站的网址，如“www.baidu.com”就是百度网的域名。域名由固定的网络域名管理组织进行全球统一管理。域名需向各地的网络管理机构进行申请才能获取。域名的书写格式为：“机构名。主机名。类别名。地区名”。如新浪网的域名为“www.sina.com.cn”，其中“www”为机构名，“sina”为主机名，“com”为类别名，“cn”为地区名。

7.HTTP

HTTP即超文本传输协议，是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。

8.FTP

FTP是文件传输协议的简称，通过这个协议，可以把文件从一个地方传到另外一个地方，从而真正地实现资源共享。

9.站点

站点是内容管理平台中主要管理的逻辑单元，站点管理是对一个Internet的站点进行组织、维护和管理的功能集合。站点可分为父站点和子站点（站点和虚拟目录），通过站点管理，用户可以根据自己的需要设计出自己的网站结构。通俗一点地说，一个站点就是一个网站所有内容所存放的文件夹。Dreamweaver的使用是以站点为基础的，必须为每一个要处理的网站建立一个本地站点。

10.发布

发布指将制作好的网页传到网络上的过程，也称为上传网站。

11.超链接

超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，可以是相同网页的不同位置，也可以是一个图片、一个电子邮件地址、一个文件，甚至是一个程序。在浏览网页时单击超链接就能跳转到与之相应的页面。图1-1所示的网页中即同时包含文本超链接和图片超链接。

图1-1 超链接

12.导航条

导航条链接了网页的其他页面，就如同一个网站的路标，只要单击导航条中的超链接就能进入对应的页面。

13.客户机和服务器

用户浏览网页时，实际是由个人计算机向Internet中的计算机发出请求，Internet中的计算机在接受到请求后响应请求，将需要的内容通过Internet发到个人计算机上，这种发送请求的个人计算机称为客户机或客户端，而Internet中的计算机称为服务器或服务端。

1.1.3 网页色彩搭配

良好的色彩搭配能够给网页访问者带来很强的视觉冲击力，加深访问者对网页的印象，是制作优秀网页的前提。下面将对网页色彩的相关知识进行介绍。

1.网页安全色

即使为网站设计了很漂亮的配色方案，但由于浏览器、显示器分辨率、电脑配置等的不同，网页呈现在各浏览者眼前的效果也不相同。为了避免这种情况，就需要了解并使用网页安全色进行网页配色。

网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合（调色板或者色谱）。当使用网页安全色进行配色后，这些颜色在任何终端用户的显示设备上都将显示为相同的效果。

网页安全色是当红色（Red），绿色（Green），蓝色（Blue）颜色的数字信号值（DAC Count）为0、51、102、153、204、255时构成的颜色组合，一共有216种颜色（其中彩色有210种，无彩色有6种）。在Dreamweaver CS6中，系统提供了这些颜色，可以直接在颜色板中单击按钮展开色板，然后选择需要的颜色，如图1-2所示。

图1-2 Dreamweaver色彩

网页安全色在需要实现高精度的渐变效果、显示真彩图像或照片时有一定的欠缺，我们并不需要刻意局限使用这216种安全色来进行网页的设置，而是应该更好地搭配安全色和非安全色，以使制作出的网页具有个性和创意的设计风格。

2.色彩表达方式

在Dreamweaver中，颜色值最常见的表达方式是十六进制。十六进制是计算机中数据的一种表示方法，由数字0~9，字母A~F组成（字母不区分大小写）。颜色值可以采用6位的十六进制来进行表示，并且需要在前面加上特殊符号“#”，如#0E533D。

除此之外，还可通过RGB、HSB、Lab、CMYK来进行表示。RGB色彩模式是通过对红（R）、绿（G）、蓝（B）3个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色，是目前运用最广的颜色系统之一。HSB色彩模式是普及型设计软件中常见的色彩模式，其中H代表色相，S代表饱和度，B代表亮度。Lab颜色模型由亮度（L）、a和b两个颜色通道组成，a包括的颜色是从深绿色（低亮度值）到灰色（中亮度值）再到亮粉红色（高亮度值），b是从亮蓝色（底亮度值）到灰色（中亮度值）再到黄色（高亮度值），因此这种颜色混合后将产生具有明亮效果的色彩。CMYK也称作印刷色彩模式，由青、洋红（品红）、黄和黑4种色彩组合成各种颜色。

3.网页中常用的色彩搭配方式

下面介绍两种网页设计中常用的色彩搭配方式。

●采用相近色配色：相近色是指相同色系的颜色。使用相近色进行网页色彩的搭配，可以使网页的效果更加统一和谐。如暖色调和冷色调就是相近色的两种运用。

●采用对比色配色：在色相环中每一个颜色与其对面（180°）的颜色，称为互补色，也是对比最强的色组。也可以是指两种可以明显区分的色彩，包括色相对比、明度对比、饱和度对比、冷暖对比等，如黄和蓝、紫和绿、红和青。任何色彩和黑、白、灰，深色和浅色，冷色和暖色，亮色和暗色都是对比色关系。

1.1.4 HTML标记语言

HTML是网页设置的语法基础，常称它为超文本标记语言（Hypertext Markup Language），是一种用于描述网页文档的标记语言。

1.HTML概念

HTML是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示在网页中的各个部分。网页文件本身是一种文本文件，通过在其中添加标记符，可告诉浏览器如何显示其中的内容，如文字如何处理，画面如何安排，图片如何显示等。

HTML语言文档制作不复杂，但功能却很强大，支持不同数据格式的文件镶入，包括图片、声音、视频、动画、表单和超链接等内容，这也是它在互联网中盛行的原因之一，其主要特点如下。

●简易性：HTML语言版本升级采用超集方式，从而更加灵活方便。

●可扩展性：HTML语言的广泛应用带来了加强功能、增加标识符等要求，它采取子类元素的方式，为系统扩展带来保证。

●平台无关性：HTML语言是一种标准，对于使用同一标准的浏览器，在查看一份HTML文档时显示是一样的。但是网页浏览器的种类众多，为让不同标准的浏览器用户查看同样显示效果的HTML文档，HTML语言就使用了统一的标准，从而能跨越在各个浏览器平台上进行显示。

2.HTML快速入门

HTML其实就是文本，它需要浏览器的解释，它的编辑软件大体可以分为3种。

●基本文本、文档编辑软件：使用Windows（视窗）自带的记事本或写字板都可以编写，不过保存时需使用.htm或.html作为扩展名，这样方便浏览器直接进行运行。

●半所见即所得软件：这种软件能大大提高开发效率，它可以使制作者在很短的时间内做出主页，且可以学习HTML，这种类型的软件主要有网页作坊、Amaya（万维网联盟）和HOTDOG等。

●所见即所得软件：使用最广泛的编辑软件，即使用户完全不懂HTML的知识也可以制作出网页，这类软件主要有Amaya、Dreamweaver。与半所见即所得的软件相比，这类软件的排序开发速度更快，效率更高，且直观表现力更强，对任何地方进行修改只需要刷新即可显示。

HTML语言非常简单，更容易上手，下面将通过打开一个HTML文件来进入HTML的快速入门学习。在IE浏览器中打开一个index.html文档，如图1-3所示。在网页空白处单击鼠标右键，在弹出的快捷菜单中选择“查看源文件”命令，查看网页HTML源文件，如图1-4所示。

图1-3 浏览网页

图1-4 查看源文件

一个网页对应一个HTML文件，超文本标记语言文件以.htm或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑软件来产生超文本标记语言文件，只需修改文件名后缀即可。标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外，如<br/>），即超文本标记语言文件的开头<HTML>与结尾</HTML>标志和超文本标记语言的头部与实体两大部分。

（1）头部

<head>和</head>这两个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符，其中标题标记符用于定义网页标题内容的显示。

（2）实体

超文本标记语言正文标记符（<body>和</body>）又称为实体标记，网页中显示的实际内容均包含在这两个正文标记符之间。

（3）元素

HTML元素用来标记文本，表示文本的内容，如body、h1、p、title都是HTML元素。常见的元素标记如表1-1

....