作者：余乐
出版社：清华大学出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
网页设计与网站建设从入门到精通试读：
前言
随着互联网的普及以及电子商务的兴起，网站已经成为企业宣传推广产品及商品交易的一种重要手段。设计精美、架构合理的网站对于提高企业的知名度、树立企业形象有着至关重要的作用。所以，开发设计网站及后期运行维护已经成为企业运营的一部分，具有非常好的发展前景。
网站开发过程涉及到的知识非常多，要在短时间内完全掌握几乎是不可能的。但是，作为一个合格的前端开发人员，必须对这些知识有所了解，掌握其中的重要部分，例如HTML语言、Dreamweaver、Photoshop、样式表、脚本语言等，并至少掌握一种程序设计语言及数据库管理系统。这些都是网站开发人员的基本功。
学习网页制作，仅靠单一工具和一点语言基础是不够的，实战是巩固网站开发最重要的一环。本书除技术讲解较为基础之外，案例实践则非常贴近实际的网站开发。读者通过学习本书中各章节的知识，将会对网站开发所涉及的技术有一个比较全面的了解，基本上可胜任一般的网站开发任务，为今后进一步提高开发水平打下坚实的基础。本书特色
☑ 内容系统全面，网页／网站设计高手必备知识储备
本书力求成为网站开发人员的入门教程，因此，系统全面是本书最重要的特点之一。在编排上，则本着从入门到提高、从精通到实战的原则，将知识点根据读者学习的难易程度以及在实际工作中应用的轻重顺序进行安排，读者在学习的过程中可以有针对性地选择学习内容。
☑ 由浅入深，快速入门，轻松理解重点难点
本书从基本的网站建设常识及基础的HTML语言讲起，逐步介绍各类常见软件工具的使用方法及程序设计语言。同时，每一章都本着“学生好学，教师好教，企业需要”的原则，通过大量示例案例，深入浅出地讲解网站开发中的重难点、易错点，使读者每学完一章都能有所收获，有信心进入下一章的学习。
☑ 精选最流行的技术，打造最核心的技能
由于网站开发涉及到的技术非常多，因此很多读者在学习时会感到无从下手。本书紧扣开发，精选最流行的技术，最核心的技能，按照不同的应用层面进行分拆、讲解，以帮助读者逐个了解并掌握各种技术的基础应用。
☑ 配套多媒体教学，将老师请进家
为了使初学者快速上手，在本书的随书光盘中为读者提供了各章知识点及实例的操作演示视频以及实例代码和素材。通过这些资料，读者可以反复实践，加深对于书中知识的理解。扫描图书封底的二维码，可在手机中在线学习教学视频。本书内容
本书共6部分23章，具体结构划分如下。
第1部分（第1章）：网页制作基础篇。简单介绍网页制作需要了解的基础知识，如网页相关概念、网页脚本语言HTML、网页设计语言CSS等。
第2部分（第2～7章）：网页制作操作篇。讲解如何使用Dreamweaver制作各种类型的网页元素，如网页文本、网页链接、网页图像、网页列表、网页表格、动态特效等。
第3部分（第8～11章）：网页设计提高篇。系统介绍网页设计需要提升的专业能力，如网页图像设计能力、网页配色素养、网页版式策划等。
第4部分（第12～14章）：网站建设基础篇。概括介绍网站开发需要掌握的知识，如网站策划思路和方法、网站管理的基本技巧、网站发布和推广方面的实战经验等。
第5部分（第15～21章）：网站开发技术篇。详细讲解如何使用PHP+MySQL技术建设动态网站，包括搭建PHP服务器、掌握PHP语言开发基础、正确使用PHP设计动态网页等，以及灵活使用PHP读写数据库的基本操作要领。
第6部分（第22～23章）：网站开发综合实践篇。本部分通过两个综合案例详细讲解网站开发的全部过程和设计细节，以帮助读者体验真实网站的完整开发过程。本书读者
本书适用于以下读者：
☑ 具备一定计算机操作基础的初学者。
☑ 具有一定网站开发经验的初、中级用户。
☑ 立志从事网站开发工作的从业人员。
☑ 自学网页设计或网站开发的大中专学生。
☑ 对于网页制作感兴趣的社会培训用户。
☑ 各类网站的站长。关于我们
本书由余乐组织编写，其他参与编写的人员还包括咸建勋、奚晶、文菁、李静、钟世礼、李增辉、甘桂萍、刘燕、杨凡、李爱芝、孙宝良、余洪萍、谭贞军、孙爱荣、何子夜、赵美青、牛金鑫、孙玉静、左超红、蒋学军、邓才兵、林友赛、苏震巍、崔鹏飞、李斌、郑伟、邓艳超、胡晓霞等。由于编者水平有限，书中疏漏和不足之处在所难免，欢迎读者朋友不吝赐教。广大读者如有好的建议、意见，或在学习本书时遇到疑难问题，可以联系我们，我们会尽快为您解答，联系方式为jingtongba@163.com。
说明：为了页面效果和便于学习，本书在介绍网页制作过程中使用了一些网络图片。因图片版权无法查找，故未能及时与图片著作权人取得联系，在此深表歉意。如若侵犯了您的权益，请您及时与我们联系，我们将按市场价格支付图片使用费用，谢谢！编者第1章网页制作第一步
随着互联网技术的不断发展和普及，网络与现实生活的结合更加紧密，越来越多的人开始学习和制作网页。但是，网页制作是一个复杂的过程，需要掌握很多技术。为了能够帮助用户对网页有一个总体的认识，本章先介绍网页相关基本概念、网页组成内容、常用网页设计工具等内容，最后详细讲解网页制作必须掌握的HTML和CSS基本语法和用法，为后面章节复杂专业知识和网页技能训练打下扎实的基础。【学习重点】
◆ 了解网页、网站相关知识和概念
◆ 认识常用网页制作工具
◆ 熟悉HTML基本语法和用法
◆ 熟悉CSS基本语法和用法1.1认识网页和网站
不管是上网娱乐，还是网络学习、交流，大家首先接触的概念就是网页和网站，现在就来简单认识这两个概念，开启本书学习之旅。1.1.1 网页和网站
网页（Web Page）是互联网上显示信息的载体，类似生活中的一页书，在网页中可以包含文字、图像、多媒体等内容，通过这些内容向浏览者传达特定信息。
实际上，网页就是一个文本文件，扩展名多为.html或.htm，也有.asp、.aspx、.php或.jsp等，使用任何文本编辑器都可以打开并进行编辑。网页存放在世界某个角落的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别和存取，当在浏览器输入网址后，经过服务器处理，网页文件会被传送到当前位置的计算机上，然后再通过浏览器解释网页的内容，再展示出来。
网站（Web Site）是指在互联网上根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单描述，网站就是一种通信工具，人们可以通过网站发布信息，或者利用网站提供服务。人们可以通过网页浏览器来访问网站，获取个人需要的信息或者服务。
网站是由网页组成的，网页是构成网站的基本单位，是承载各种网站应用的平台。如果一个网站只有域名和虚拟主机而没有制作任何网页的话，那么任何人都无法访问网站。
当人们在浏览器地址栏中输入网站的网址后，会首先看到这个页面，通常被称为主页（Home Page），或者称为首页，首页类似图书中的目录，具有导航作用。1.1.2 网页类型
网页有多种分类方法，习惯上人们把网页分为静态网页和动态网页。
☑ 静态网页一般以.html或.htm为文件扩展名，多通过网页设计工具一次性设计，并通过手工更新页面信息，信息更新速度相对比较缓慢。如今大型网站都会利用网站管理系统，把所有动态页面自动生成静态网页，以提升用户浏览体验，我们称这种静态网页为伪静态。
☑ 动态网页是通过网页脚本与语言自动处理、自动更新的页面，例如，论坛中的帖子就是通过网站服务器运行程序，自动处理信息，按照流程更新网页。动态网页一般以.asp、.aspx、.php或.jsp为文件扩展名。
目前，实现动态网页的服务器技术主要包括ASP/ASP.NET、PHP和JSP等，简单说明如下。1．ASP/ASP.NET
ASP（Active Server Pages）是微软公司开发的一种快速、简便的服务器技术，由于它比较简单，学习门槛低，是初学者的首选技术，凭借微软公司强有力的技术支持，成为早期网站建设中最为流行的技术之一。
ASP.NET是微软公司在ASP基础上推出的一种服务器技术，它全面采用效率较高的、面向对象的方法来创建动态Web应用程序。在原来的ASP技术中，服务器端代码和客户端HTML混合、交织在一起，常常导致页面的代码冗长而复杂，程序的逻辑难以理解，而ASP.NET就能很好地解决这个问题，而且能与浏览器独立，且可以支持VB.NET、C#、VC++.NET、JS.NET等多种编程语言。2．PHP
PHP（Hypertext Preprocessor）是一种HTML内嵌式的语言，PHP与微软的ASP很相似，都是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格类似于C语言，现在被很多的网站编程人员广泛地运用。由于PHP源代码是开放的，所有的PHP源代码事实上都可以得到。同时PHP技术又是免费的，因此深受普通用户欢迎。3．JSP
JSP（Java Server Pages）是Sun公司推出的网站开发技术，是将纯Java代码嵌入HTML中实现动态功能的一项技术。JSP和ASP都是在HTML代码中嵌入某种脚本并由语言引擎解释执行程序代码，它们都是面向服务器的技术，客户端浏览器不需要任何附加软件的支持。两者最明显的区别在于ASP使用的编程语言是VBScript之类的脚本程序，而JSP使用的是Java。此外，ASP中的VBScript代码被ASP引擎解释执行，而JSP中的脚本在第一次执行时被编译成Servlet并由Java虚拟机执行，这是ASP与JSP本质的区别。1.1.3 静态网页和动态网页
静态网页和动态网页主要根据网页制作的语言来区分。
☑ 静态网页使用语言：HTML，如图1.1所示。图1.1 静态网页显示的网址
☑ 动态网页使用语言：HTML＋ASP、HTML＋PHP或HTML＋JSP等，如图1.2所示。图1.2 动态网页显示的网址
动态网页的程序都是在服务器端运行，最后把运行的结果返回到客户端浏览器上显示。而静态网页是事先制作好的，直接通过服务器传递给客户端浏览器浏览。
静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之要采用动态网页技术来实现。
简单概括来说，静态网页具有下面几个特点：
☑ 静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”。
☑ 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件。
☑ 静态网页的内容相对稳定，因此容易被搜索引擎检索。
☑ 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难。
☑ 静态网页的交互性较差，在功能方面有较大的限制。
动态网页具有下面几个特点：
☑ 动态网页以数据库技术为基础，可以大大降低网站维护的工作量。
☑ 采用动态网页技术的网站可以实现更多的功能。例如，用户注册、用户登录、在线调查、用户管理、订单管理等。
☑ 动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。
☑ 动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“?”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。
静态网页是网站建设的基础，静态网页和动态网页之间并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转换为静态网页发布。
动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必须使用静态网页，静态网页相关图片则可以考虑用静态网页的方法来实现。在同一个网站上，动态网页内容和静态网页内容同时存在也是很普遍的。1.2网页构成元素
无论是初次上网新手，还是经常冲浪高手，在学习制作网页之前，都必须先认识（或重新认识）一下构成网页的基本元素。只有这样，才能在真正的设计工作中得心应手，才能根据需要合理地组织和安排网页的内容，从而达到期望的目标。
设计网页的目的主要是发布信息，因此，作为信息主要载体的文本和图像也就成了网页的基本组成部分。超链接（或称链接）是网页的核心，是它将互联网中无数的网页链接在一起，如果没有它，网页就无从谈起。此外，表格、动画、音乐和交互式表单等信息的组织、表现，以及交互元素在网页中也具有举足轻重的地位。
如图1.3所示是苏宁易购首页。在这个网页中，包含了多种网页元素（当然不可能是全部）。下面将详细介绍网页中包含的元素及其在网页中的作用。图1.3 网页元素概览1.2.1 文本
文本一直是人类最重要的信息载体与交流工具，网页中的信息也以文本为主。与图像相比，文字虽然不如图像那样能够很快引起浏览者的注意，但却能准确地表达消息的内容和含义。为了克服文字固有的缺点，人们赋予了网页中文本更多的属性，如字体、字形、字号、字体颜色、文字效果、底纹和边框等，通过不同样式的区别，突出显示重要内容，弱化次要信息。此外，用户还可以在网页中设计各种各样的文字列表，来清晰表达一系列项目。这些功能都给网页中的文本赋予了新的生命力。1.2.2 图像和动画
图像在网页中具有提供信息、展示作品、装饰网页、表达个人情调和风格的作用。用户可以在网页中使用GIF、JPEG（JPG）、PNG 3种图像文件格式，其中使用最广泛的是GIF和JPEG两种格式。
图像虽然在网页中起着非常重要的作用，但如果网页上加入的图片过多，不仅会影响网页整体视觉效果，而且下载速度也将明显下降，可能会影响用户的浏览体验。
在网页中使用动画可以有效地吸引浏览者的注意力，毕竟动态效果比静止对象更有吸引力，因此，许多网站的广告都做成了动画形式。1.2.3 声音和视频
声音是多媒体网页的一个重要组成部分。当前存在着一些不同类型的声音文件和格式，也有一些不同的方法将这些声音添加到网页中。在决定添加的声音的格式和方式之前，需要考虑的因素包括其用途、格式、文件大小、声音品质和浏览器差别等。不同浏览器对于声音文件的处理方法是非常不同的，彼此之间可能不兼容。
用于网络的声音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。设计者在使用这些格式的文件时，需要加以区别。很多浏览器不用插件也可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的声音文件则需要专门的浏览器播放。
一般来说，不要使用声音文件作为背景音乐，那样会影响网页下载的速度。可以在网页中添加一个打开声音文件的链接，让播放音乐变得可以控制。
视频文件的格式也非常多，常见的有RealPlayer、MPEG、AVI和FLV等。视频文件的采用让网页变得非常精彩而且有动感。网络上的许多插件也使向网页中插入视频文件的操作变得非常简单。1.2.4 超链接
超链接（Hyper Link）是互联网盛行起来的最主要的原因。它能够实现从一个网页跳转到链接目的端的网页位置上。例如，指向另一个网页或者相同网页上的不同位置。这个目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件（如多媒体文件、文档或任意文件）、一个程序或者是本网页中的其他位置。其载体通常是文本、图片或图片中的区域，也可以是一些不可见的程序脚本。
当浏览者单击超链接时，其目的端将显示在网页浏览器上，并根据目的端的类型以不同方式链接。例如，当指向一个AVI文件的超链接被单击后，该文件将在媒体播放软件中打开；如果单击的是指向一个网页的超链接，则该网页将显示在网页浏览器上。1.2.5 表格
在网页中表格用来控制网页中信息的布局方式。这主要包括两方面：一是使用行和列的形式来布局文本和图像以及其他的列表化数据；二是可以使用表格来精确控制各种网页元素在网页中出现的位置。在标准网页设计中，表格更多用在数据的表格化显示。1.2.6 表单
使用超链接，浏览者和服务器站点便建立起了一种简单的交互关系。表单的出现使浏览者与站点的交互上升到了一个新的高度。网页中的表单通常用来接收浏览者在客户端的输入，然后将这些信息发回到客户端。这些信息既可以是文本文件、网页、电子邮件，也可以是服务器端的应用程序。表单的用途如下：
☑ 收集联系信息。
☑ 接收用户要求。
☑ 收集订单、出货和收费细则。
☑ 获得反馈意见。
☑ 设置来宾签名簿。
☑ 让浏览者输入关键字，在站点中搜索相关的网页。
☑ 让浏览者注册为会员并以会员身份登录站点。
表单由不同功能的表单对象组成，最简单的表单也要包含一个输入文本框和一个提交按钮。站点浏览者填写表单的方式通常是输入文本、选中单选按钮与复选框，以及从下拉列表框中选择选项等。
根据表单功能与处理方式的不同，通常可以将表单分为用户反馈表单、留言簿表单、搜索表单和用户注册表单等类型。1.2.7 导航栏
导航栏是用户在规划好站点结构、开始设计主页时必须考虑的一项内容。导航栏的作用就是要让浏览者在浏览站点时，不会因为迷路而中止对站点的访问。事实上，导航栏就是一组超链接，这组超链接的目标就是本站点的主页以及其他重要网页。在设计站点中的诸网页时，可以在站点的每个网页上显示一个导航栏，这样，浏览者就可以既快又容易地转向站点的其他主要网页。
一般情况下，导航栏应放在网页中较引人注目的位置，通常是在网页的顶部或一侧。导航栏既可以是文本链接，也可以是一些图像按钮。1.2.8 特殊效果
网页中除了以上几种最基本的元素之外，还有一些其他常用元素，包括悬停按钮、JavaScript特效、ActiveX等各种特效。它们不仅能点缀网页，使网页更活泼有趣，而且在网上娱乐、电子商务等方面也有着不可忽视的作用。1.3网页制作工具简介
网页内容如此丰富，究竟要用什么工具来进行创作，已经成为广大网页制作者最关心的话题。现在网页制作软件很多，下面介绍用户使用比较广泛的网页编辑、网页图像与动画制作软件。1.3.1 网页编辑工具—Dreamweaver
Dreamweaver与Fireworks、Flash一起，被人们喻为“网页制作三剑客”。Dreamweaver是“所见即所得”的网页编辑软件。它能通过鼠标拖动的方式从头到尾制作静态页面和动态HTML效果。
Dreamweaver采用Roundtrip HTML技术，可以在设计器和HTML代码编辑器之间进行自由转换，而HTML语法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到“所见即所得”带来的方便。Dreamweaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。
利用Dreamweaver，开发人员、编程人员和设计人员可以在多种服务器平台上、在一个软件中完成支持几种语言的动态网页的开发，产生和编辑用ASP、PHP、JSP开发的Web内容。由于Dreamweaver是从低版本的Dreamweaver环境衍生出来的，因此它也具有十分完美的HTML、CSS和JavaScript功能。
Dreamweaver的界面和工作环境简洁、强大，具备与Photoshop、Flash紧密集成的诸多优点，以及使用Dreamweaver的可扩展结构来扩展和定制Web应用和功能。1.3.2 网页图像制作工具—Photoshop
Photoshop是图像处理专业工具，被广泛应用于平面设计、媒体广告和网页设计等诸多领域。Photoshop支持多种图像格式和颜色模式，能同时进行多图层操作。它的绘画功能与选取功能使图像编辑变得非常方便。
在网页图像设计中，经常需要用Photoshop完成前期设计和处理工作。例如，使用Photoshop设计网页效果图，设计网页按钮、网页背景等元素。针对图像特定区域进行处理，就需要精确选取范围，为此Photoshop提供了众多选取工具和命令，灵活使用它们可以轻松设计网页元素。绘图也是网页设计中很重要的工作，Photoshop提供的绘图工具，基本可以完成各种矢量绘图需要，强大的功能可以媲美专业矢量绘图软件。
Photoshop提供切片工具，能够把设计图快速切割为网页组成模块，然后一键输出为网页，并根据需要对输出的网页图像进行优化。1.3.3 网页动画设计工具—Flash
Flash也是Adobe公司的产品，是目前最流行的矢量动画制作软件。Flash是一种动画创作与应用程序开发于一身的创作软件，为创建数字动画、交互式Web站点、桌面应用程序以及手机应用程序开发提供了功能全面的创作和编辑环境。Flash广泛用于创建吸引人的应用程序，它们包含丰富的视频、声音、图形和动画。可以在Flash中创建原始内容或者从其他Adobe应用程序（如Photoshop）导入它们，快速设计简单的动画，以及使用ActionScript开发高级交互式项目。
设计人员和开发人员可使用它来创建演示文稿、应用程序和其他允许用户交互的内容。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用Flash创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash应用程序。1.4HTML基础
学习网页制作，用户应该首先了解HTML。根据W3C网页规范化设计要求，网页应该遵循结构（Structure）、表现（Presentation）和行为（Behavior）的分离。
☑ 结构：使用HTML设计网页标签，即网页结构和内容。
☑ 表现：使用CSS设计网页样式，即网页显示效果。
☑ 行为：使用JavaScript和DOM规范设计网页脚本，即网页特效、动画或者行为。
因此，读者应该先掌握HTML语言基本语法和用法，能够熟练使用HTML标签。1.4.1 认识HTML
HTML表示超文本标识语言，使用HTML标签编写的文档称为HTML文档，目前最新版本是HTML 5.0，使用最广泛的是HTML 4.1版本。
早期的HTML版本不适合构建标准化网页，因为它把结构和表现混淆在一起，例如，HTML把不同类型的元素，如描述性元素color、i等和结构性元素div、table等，以及元素属性放在一起，为以后的维护和管理埋下隐患。
XHTML是HTML语言的升级版本，与HTML在语法和标签使用方面差别不大。熟悉HTML语言，再熟悉标准结构和规范，也就熟悉了XHTML语言。
HTML作为一种网页内容标识语言，易学易懂，熟悉使用该语言可以制作功能强大、美观大方的网页。HTML语言的主要作用说明如下。
☑ 使用HTMl语言标识文本。例如，定义标题文本、段落文本、列表文本、预定义文本等。
☑ 使用HTML语言建立链接，通过链接可以访问互联网上的所有信息，当使用鼠标单击超链接时，会自动跳转到链接页面。
☑ 使用HTML语言创建列表，把信息有序组织在一起，以方便浏览。
☑ 使用HTMl语言在网页中显示图像、声音、视频、动画等多媒体信息，把网页设计得更富冲击力。
☑ 使用HTML语言可以制作表格，以方便显示大量数据。
☑ 使用HTML语言制作表单，允许在网页内输入文本信息，执行其他用户操作，方便信息互动。1.4.2 HTML文档基本结构
HTML文档一般都应包含两部分：头部区域和主体区域。
HTML文档基本结构由3个标签负责组织：、
和。其中标签标识HTML文档，标签标识头部区域，而标签标识主体区域。一个完整的HTML文档基本结构如下：可以看到，每个标签都是成对组成，第一个标签（如）表示标识的开始位置，而第二个标签（如）表示标识的结束位置。标签包含
和标签，而和标签是并列排列。如果把上面字符代码放置在文本文件中，然后另存为“test.html”，就可以在浏览器中浏览了。当然，由于这个简单的HTML文档还没有包含任何信息，所以在浏览器中是看不到任何显示内容的。1.4.3 HTML基本语法
编写HTML文档时，必须遵循HTML语法规范。HTML文档实际上就是一个文本文件，它由标签和信息混合组成，当然这些标签和信息必须遵循一定的组合规则，否则浏览器是无法解析的。
HTML语言的规范条文不多，相信读者也很容易理解。从逻辑上分析，这些标签包含的内容就表示一类对象，也可以称为网页元素。从形式上分析，这些网页元素通过标签进行分隔，然后表达一定的语义。很多时候，我们把网页标签和网页元素混为一团，而实际上，网页文档就是由元素和标签组成的容器。
☑ 所有标签都包含在“<”和“>”起止标识符中，构成一个标签。例如，
试读结束[说明：试读内容隐藏了图片]