《网站前端技术》621-7（梁玲）课件 第二章 HTML与HTML5_第1页
《网站前端技术》621-7（梁玲）课件 第二章 HTML与HTML5_第2页
《网站前端技术》621-7（梁玲）课件 第二章 HTML与HTML5_第3页
《网站前端技术》621-7（梁玲）课件 第二章 HTML与HTML5_第4页
《网站前端技术》621-7（梁玲）课件 第二章 HTML与HTML5_第5页
已阅读5页，还剩231页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

《网站前端技术》签到扫码下载文旌课堂APP扫码签到（2022.3.2515:00至2022.3.2515:10）签到方式教师通过“文旌课堂APP”生成签到二维码，并设置签到时间，学生通过“文旌课堂APP”扫描“签到二维码”进行签到。。全课导航第1章网站建设概述第2章HTML与HTML5第3章CSS与CSS3第4章JavaScript基础第5章JQuery常用函数第6章开发者商务网站建设02PARTONE

第2章HTML与HTML501*12掌握HTML文档的基本结构和常用编辑工具。掌握HTML的无语义标签、文字相关标签、图像标签、超链接标签、列表标签、表单及其控件标签、框架标签、表格标签、多媒体标签等。掌握HTML5新增的标签、表单控件、属性等。掌握HTML的相关知识，加强学生的理论基础，提升学生的专业技能。制作百度首页，锻炼学生的实践能力，从而达到学以致用的目的。知识目标素质目标学习目标01HTML基础目录CONTNETS本章导航13HTML新增常用标签及通用属性14HTML新增表单控件及属性15综合案例—百度首页07HTML超链接标签03HTML头部04HTML无语义标签05HTML文字相关标签06HTML图像标签02HTML508HTML列表标签09HTML表单标签10HTML框架标签11HTML表格标签12HTML多媒体标签01*01HTML基础01*2.1.1什么是HTMLHTMLHTML指的是超文本标记语言（hypertextmarkuplanguage），是用于编写网页的主要语言。它基于标准通用标记语言（standardgeneralizedmarkuplanguage，SGML）定义，是一种标准规范。HTML主要用于定义网页结构，它决定网页上显示的内容，是网页文件制作的基础。HTML是一种用标记标签（简称标签）描述网页的标记语言。用HTML编写的超文本文档称为HTML文档，扩展名为.html或.htm，也就是网页。网页文件本身是一种文本文件，本质上是通过在文本文件中添加标签，来告诉浏览器如何显示其中的内容。浏览器按顺序阅读网页文件，并根据标签解释和显示内容。对书写有误的标签，用户只能通过显示效果来分析出错原因和出错位置。01*高手点拨

对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。01*2.1.2HTML的主要功能功

能内容HTML的主要功能及功能的具体内容定义（或设置）文本定义文本的标题、段落等。此外，还可以设置文字的字体、字号、颜色等样式。但是现在一般不用HTML设置样式，而是用CSS。插入图像在网页中插入图像，使网页图文并茂。建立超链接通过超链接实现不同网站的跳转。创建列表将信息用一种易读的方式表现出来。创建表单通过表单实现人机交互，使网站功能更加完善。建立表格以表格的形式显示页面信息，为浏览者查找信息提供便利。插入多媒体通过网页共享音频、视频、动画等，并设置播放的时间和次数表1HTML的主要功能01*HTML标签是由尖括号“<>”括起来的关键词，每个标签都有名称、可选择的属性和标签内容。HTML中，成对出现的标签称为双标签，单独出现的标签称为单标签。2.1.3HTML标签的基本语法双标签格式1：<标签名>标签内容（文本或超文本）<／标签名>

例如，定义一个标题的标签，代码为：<h1>这是一号标题</h1>格式2：<标签名属性名1＝"属性值1"属性名2＝"属性值2"……>标签内容（文本或超文本）</标签名>

属性可选择，如果标签中有属性，则标签名和属性名之间要用空格隔开，各属性值用双引号括起来。

例如，实现超链接的代码如下：<ahref="web/index.html"target="_blank">点击我吧</a>

其中，a为超链接标签名称；href="web/index.html"和target="_blank"两个属性，分别定义了超链接目标文档的路径和打开方式；“点击我吧”为标签内容（超链接文本）。HTML标签的基本语法代码中的标点符号均为英文标点符号。小提示01*2.1.3HTML标签的基本语法单标签：格式1：<标签名/>例如，换行标签<br/>，它仅仅通知浏览器在此处换行，因而不需要界定作用范围，所以它没有尾标签。

格式2：<标签名属性名1＝"属性值1"属性名2＝"属性值2"……/>

例如，控制图像的代码如下：<imgsrc="img/jp02.jpg"width="400"height="300"/>其中，img是标签名，表示图像；src是标签属性名，用于将指定图像引入网页，img/jp02.jpg是属性值，表示图像的地址；width、height也是标签属性名称，分别用于定义图像的宽度和高度，单位为px（像素，可省略）。从长远来看，应养成正确关闭单标签的习惯，因此，在右尖括号前须加上一个空格和斜杠。小提示01*2.1.3HTML标签的基本语法当一组HTML标签将一段文字包含在中间时，这段文字与包含文字的HTML标签称为一个元素。由于在HTML语法中，每个由HTML标签与文字形成的元素内，还可以包含另一个元素。因此，整个HTML文件就像一个大元素，其中包含了许多小元素。HTML文档中一行可以写多个不同的标签，也可将一对标签写在不同的行中，但每对标签必须嵌套使用，不能交叉使用。表1列出了标签的正确用法和错误用法。正确错误<table><tr><td></td></tr></table><table><tr><td></tr></td></table>表2标签的正确用法和错误用法01*高手点拨上述列表中，<td></td>标签包含在<tr></tr>标签中，<tr></tr>标签又包含在<table></table>标签中，形成父子关系。01*HTML文档由起始标签<html>、头部标签<head>和主体标签<body>三部分组成。下面这段代码展示了一个基本的HTML文档结构。2.1.4

HTML的基本结构组成含义<html><head>文档头部</head><body>文档主体</body></html><html>…</html>HTML文档的开始结束标签，告诉浏览器HTML文档的开始和结束位置。其他标签都应放在这对标签之内，两个标签成对出现，缺一不可。<head>…</head>HTML文档的头部开始标签和结束标签，一般用于存放网页的元信息，如网页描述、关键字、作者信息等，这些信息在浏览器页面中均不可见，若在头部标签之间的文本又写在了文件标题标签（<title>…</title>）中，则文本表示该网页的标题。头部标签和文件标题标签都成对使用。<body>…</body>HTML文档的主体开始标签和结束标签，网页中要显示的所有内容均嵌套在这一对标签内，也可理解为该标签中的内容在浏览器中可见。表3HTML的基本结构01*【示例】打开应用程序“记事本”，创建文件并以“index.html”命名，注意“.html”为该文件的扩展名，然后在该文档中输入以下代码，并保存在合理的位置。2.1.4

HTML的基本结构<html> <head> <title>我的第一个网页</title> </head> <body> <p>我的段落</p> </body></html>【效果】在浏览器中打开网页，网页标题显示“我的第一个网页”，网页内容显示“我的段落”，如图2-1-1所示。图2-1-1

记事本创建网页的效果标签<title></title>之间的部分是HTML文件的标题。小提示01*2.1.5

HTML标签的分类根据是否独占一行，可以将HTML标签分为块标签和行标签。

块标签：独占一行，可以设置宽度和高度属性，而且元素在页面中遵循从上到下的顺序排列，如段落标签<p></p>。

行标签：也称内联标签、行内标签等，不能独自占据一行，设置宽度和高度属性无效，而且元素在页面中遵循从左到右的顺序排列，如超链接标签<a></a>。01*2.1.5

HTML标签的分类【示例】编辑HTML文档<body>标签的内容，代码如下：<p>美文赞赏</p><p>动画欣赏</p><ahref="">百度一下</a><ahref="">新浪</a>【效果】网页中两个段落从上到下各占一行排列，两个超链接从左到右在同一行排列，如图2-1-2所示。图2-1-2

块元素和行元素的区别01*2.1.6

HTML注释为增强代码可读性，开发者常使用注释解释HTML文档中的代码。在HTML文档中，注释由“<!--”开始，由“-->”结束。

【示例】

<!--这里是HTML文档的注释--><!--注释内容不在浏览器中显示哦-->HTML注释一般放在要注释内容的上面，不能显示在浏览器中，仅显示在文档中。01*编辑工具2.1.6

HTML的常用编辑工具AdobeDreamweaver一款集网页制作和网站管理于一身的所见即所得网页代码编辑器。它不仅能够编辑网页，还可以有效地创建、管理网站，同时提供上传网站的便捷方法。记事本是一个小的应用程序，采用简单的文本编辑器进行文字信息的记录和存储。它也是一个代码编辑工具，可用于编写网页文件。Sublime

Text文本编辑器，同时也是网页编辑器，能够编辑网页中涉及的各种类型的文件，如html、css、js、asp、jsp等。对于不同的文件类型会提供相应的便利和便捷的联想输入。Visual

Studio

Code用于编写现代Web和云应用的跨平台源代码编辑器，可以在桌面上运行，可用于多种操作系统（如Windows，macOS和Linux）。拥有众多插件，为开发者提供了丰富的扩展库。HBuilder由DCloud（数字天堂）推出的国产前端开发工具，是Web前端开发1+X证书考试专用编辑器。支持HTML5，有完整的语法提示和代码输入法，能够极大地提升HTML、CSS和JS的开发效率。01*2.1.6

HTML的常用编辑工具【示例】使用HBuilderX编辑器创建一个HTML文件。【步骤】大家自行下载HBuilderX软件，然后启动HBuilderX。依次选择HBuilderX左上方主菜单中的“文件”→“新建”→“html文件”选项。在弹出的对话框中输入文件名“index”。选择模板“default”。单击“创建”按钮，便可创建index.html文件，文件中默认含有以下代码：<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title></title> </head> <body> </body></html>01*上述代码中，DOCTYPE代表一个声明，用于向浏览器说明当前文档使用的标准规范。标签为<!DOCTYPEhtml>，表示当前文档使用HTML5标准，它不属于文档的结构部分。如果省略DOCTYPE声明，大多数浏览器也能够正确显示文档内容，但是编写网页代码时不应依赖浏览器的处理，需要保持良好的编写习惯，正确声明文档所使用的标准规范。<metacharset="utf-8">用于设置网页文件展示时使用的字符集，高手点拨01*2.1.6

HTML的常用编辑工具【步骤】在标签<title></title>中输入文本“我的第二个网页”，如下所示：<title>我的第二个网页</title>

在标签<body></body>中输入以下代码：<ahref="">百度一下</a>【效果】使用浏览器打开文件便可看到如图2-1-3所示的效果，单击文字“百度一下”，可打开百度首页。图2-1-3

HBuilderX创建的网页效果02*02HTML502*2.2.1HTML5概述HTML5是最新的HTML标准，在2008年正式发布，并于2012年形成了稳定版本。它结合HTML4.01的相关标准进行革新，符合现代网络发展要求。HTML5是专门为承载丰富的Web内容而设计的，并且无须额外插件。它拥有新的语义、图形，以及多媒体元素。而且，它提供的新元素和新的API简化了Web应用程序的搭建。HTML5是跨平台的，可以在不同类型的硬件（如PC、平板、手机、电视机等）上运行。02*

跨浏览器、跨平台HTML5有良好的跨浏览器性能。目前，95%的浏览器都支持HTML5。用HTML5开发的页面或小程序，可以从一个平台移植到另一个平台。2.2.2HTML5的优势增强Web应用HTML5的设计者们开发了一系列用于Web应用的接口。HTML5规范的制定是开放的，所有人都可以获取草案的内容，也可以参与进来，提出宝贵的意见。化繁为简HTML5简化了某些烦琐的代码表示。新增多个新特性HTML5中新增了多个新的特性，如结构化语义标签、功能型表单控件、用于绘画的标签、多媒体标签，以及某些功能（如文件拖放、本地存储、地理信息等）等。在遇到无法解决的冲突时，HTML5规范会将用户的诉求放在第一位。用户优先02*2.2.3HTML5的语法变化不严谨写法的处理方案在HTML5规范中都有明确的规定。但是，对于Web开发者而言，建议遵循严谨的代码编写规范，以保证代码的可读性，且便于后期的扩展和修改。对于HTML5的一些新特性，如果旧的浏览器不支持，也不会影响页面的显示。为了兼容各种不规范的HTML文档，HTML5允许存在不严谨的写法，具体包括以下几点。（1）：标签的属性值没有使用英文引号括起来，如<imgsrc=1.jpg>。（2）：标签不区分大小写，如“<P>标签名用了大写字母</P>”。（3）：标签没有闭合，如“<div><p>段落文本</div>”。（4）：某些属性可以省略属性值，如<inputtype="checkbox"checked>。03*03HTML头部03*2.3

HTML头部

网页头部标签<head></head>，是双标签，也是网页的第一个组成部分。

<head></head>通常用于放置网页的元信息，如网页描述、关键字、作者信息等。但是，大多数内容在浏览器中不可见。

<head></head>标签内通常包含<title>、<meta>、<style>、<link>、<script>等标签。03*高手点拨

元信息是关于信息的信息，用于描述信息的结构、语义、用途和用法等。元信息允许服务器提供所发送数据的信息。HTML的元信息其实就是meta标签，该标签的详细信息见后面的章节。03*2.3.1<title>标签网页标题是对一个网页的高度概括，它显示在浏览器选项卡标题处。浏览用户通过网页标题能快速了解一个网页的基本功能，并快速判断网页是否被需要。添砖加瓦：一般来说，网站首页的标题就是网站的正式名称，而网站中文章内容页面的标题是文章的题目，栏目首页的标题通常是栏目名称。当然这种一般原则并不是固定不变的，在实际工作中可能会有一定的变化，但无论如何变化，总体上仍然会遵照这种规律。在HTML文档中，网页标题要写在<title>与</title>之间，并且<title>标签总是嵌套在标签<head></head>之间。【示例】<head><title>网页标题</title></head>03*2.3.1<meta>标签<meta>标签一般用于定义网页的关键字、网页说明和作者信息等。这些信息不会显示在客户端，但是会被浏览器解析。简单地说，<meta>标签是单标签，用来告诉搜索引擎这个页面是做什么的。<meta>标签嵌套在标签<head></head>之间，标签<head></head>之间可以有多个<meta>标签。一个<meta>标签定义一个网页的相关内容。<meta>标签有两个重要的属性name和http-equiv。name属性：标签的属性值没有使用英文引号括起来，如<imgsrc=1.jpg>。name属性主要用于描述网页，与之对应的属性是content，即当name属性规定好网页信息后，后面还需紧跟content属性设置具体的内容，这样设置才可以生效。这样做便于搜索引擎机器人查找、分类。03*2.3.1<meta>标签表4常用的name属性值属性名含义用法name属性关键字（keywords）描述网页产品及服务的词语。关键字可以是多个，中间用英文逗号“,”隔开。<metaname="keywords"content="HTML,CSS,JS,jQuery"/>网页说明（description）向搜索引擎提供的关于网页的概括性描述。网页的说明是由一两个词语或段落组成的，内容一定要有相关性，描述不能太短、太长或过分重复。<metaname="description"content="web前端技术，1+X证书制度"/>作者信息（author）标注网页的作者姓名，通常跟邮箱地址。<metaname="author"content="WangZRY,wzry@"/>版权信息（copyright）标注网站的版权信息<metaname="copyright"content="版权所有©"/>编辑网页软件（generator）说明网站采用什么编辑器制作。<metaname="generator"content="HBuilder——DCloud"/>重访时间（revisit-after）指如果页面不经常更新，可以设置一个爬虫的重访时间，以减轻搜索引擎爬虫为服务器带来的压力。<metaname="revisit-after"content="sevendays"/>03*2.3.1<meta>标签http-equiv属性：类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助浏览器正确、精确地显示网页内容。与之对应的属性同样为content，其值是对http-equiv属性内容的具体描述。属性名含义用法http-equiv属性刷新（refresh）自动刷新网页并指向新页面。<metahttp-equiv="refresh"content="2;URL="/>指点迷津：该代码表示当前页面在2秒后自动刷新，并跳转到w3school官网。网页编码格式（content-Type）向搜索引擎提供的关于网页的概括性描述。网页的说明由一两个词语或段落组成的，内容要有相关性，描述不能太短、太长或过分重复。<metahttp-equiv="content-Type"content="text/html;charset=utf-8"/>此功能在HTML5中简化为：<metacharset="utf-8"/>表5常用的http-equiv属性值04*04HTML无语义标签04*2.4HTML无语义标签HTML无语义标签

HTML中的绝大多数标签都有确定的语义，以标识该标签的内容在网页中要如何显示。如<p>标签显示为段落，<h1>～<h6>标签显示为标题，<img>显示为图像等。HTML中还有两个重要的无语义标签<span>和<div>。04*2.4.1<span>标签<span>标签没有确定的语义，用于修饰文本，以区别于周围其他文本，通常需要配合CSS来使用。它是行标签，其语法格式：<spanstyle="文本样式">修饰文本</span>【示例2-4-1】编辑HTML文档<body>标签的内容。<body> <p><span>是<spanstyle="font-style:italic;">行标签</span>，没有确定的语义；通常用于<spanstyle="font-size:22px;font-style:italic;">修饰文本</span>，以区别于周围其他文本。</p></body>【效果】<span>标签内的内容“行标签”和“修饰文本”样式不同于其他文本，如图2-4-1所示。图2-4-1<span>标签效果“<”和“>”用于表示特殊字符，style="font-style:italic;"和style="font-size:22px;font-style:italic;"用于设置<span>标签间文本的样式。小提示04*2.4.2<div>标签<div>标签没有确定的语义，通常用于划分区域，从而对页面进行布局。该标签可以看作是一个能够将其他HTML元素嵌套在内的容器。它是块标签，语法格式：<div>待划分区域的内容</div>【示例2-4-2】编辑HTML文档<body>标签的内容。<body> <div> <h2>下面是两个段落</h2> <p><div>是块标签，没有确定的语义，通常用于划分区域，从而对页面进行布局。该标签可以看作是一个能够将其他HTML元素嵌套在内的容器。</p> <p>本页面中有一个二级标题和两个段落，都包含在一对<div>标签内。</p> </div></body>04*2.4.2<div>标签【效果】页面效果如图2-4-2所示。

图2-4-2<div>标签效果<h2>标签是二级标题标签。小提示05*05HTML文字相关标签05*2.5.1标题标签<h1>～<h6> HTML文字相关标签文字是网页中非常重要的信息，在HTML中有很多修饰文字的标签。<h1>～<h6>标签用于提升内容的层级，构建文档的结构，并且标题文本以加粗格式显示。align属性设置标题的对齐方式，其值有left（文字左对齐）、center（文字居中对齐）、right（文字右对齐）。<h1>～<h6>内容的对齐方式属性若未设置，则对齐方式默认为左对齐。<h1>～<h6>标签是块标签。语法格式：<h1align="对齐方式">文本内容</h1>05*【示例2-5-1】编辑HTML文档<body>标签的内容。<body><h1align="center">一级标题</h1><h2align="center">二级标题</h2><h3align="left">三级标题</h3><h4align="right">四级标题</h4><h5>五级标题</h5><h6>六级标题</h6><h7>有七级标题吗？</h7></body>2.5.1标题标签<h1>～<h6> 【效果】h1、h2、h3、h4、h5、h6分别表示一级到六级标题，各自独占一行，并加粗显示，而且标题内容的字体格式逐渐减小，对齐方式按照属性设置或默认设置显示，如图2-5-1所示。此外，h7内容的字体大小明显比h6内容的字体大，也没有加粗，由此可证实HTML规则中没有七级标题标签。图2-5-1

各级标题标签与对齐方式属性设置效果05*【示例2-5-2】

编辑HTML文档<body>标签的内容。<body><palign="center">美文欣赏</p><p>人站得高些，不但能有幸早些领略到期望的曙光，还能有幸发现生命的立体的诗篇。每一个人的人生，都是这诗篇中的一个词、一个句子或者一个标点。你可能没有成为一个美丽的词，一个引人注目的句子，一个惊叹号，但你依然是这生命的立体诗篇中的一个音节、一个停顿、一个必不可少的组成部分。这足以使你放弃前嫌，萌发为人类孕育新的歌声的兴致，为世界带来更多的诗意。</p><palign="right">——《站在历史枝头微笑》</p></body>2.5.2段落标签<p>

<p>标签用于定义段落，段前段后会产生比段内行距较多的空白，也就是说段间距大于行间距。align属性设置段落文本的对齐方式。若段落标签未使用属性设置内容的对齐方式，则对齐方式默认为左对齐。<p>标签是块标签，语法格式：<palign="对齐方式">段落文字</p>05*【效果】段前段后有多于段内行距的空白，第一个段落居中对齐，第二个段落左对齐，第三个段落右对齐，如图2-5-2所示。2.5.2段落标签<p>

图2-5-2

段落标签与对齐方式属性设置效果在HTML5中，许多元素的align属性被废弃，因此建议使用CSS进行属性设置。小提示05*<br/>标签用于强制换行。如果需要多次换行，则可以连续使用多个换行标签。语法格式：<p>一段文字<br/>一段文字</p>2.5.3换行标签<br/>

【示例2-5-3】在【示例2-5-2】的基础上，编辑HTML文档<body>标签的内容，即在第二个段落中添加标签<br/>，代码如下：编辑HTML文档<body>标签的内容。<p>人站得高些，不但能有幸早些领略到期望的曙光，还能有幸发现生命的立体的诗篇。每一个人的人生，都是这诗篇中的一个词、一个句子或者一个标点。<br/>你可能没有成为一个美丽的词，一个引人注目的句子，一个惊叹号，但你依然是这生命的立体诗篇中的一个音节、一个停顿、一个必不可少的组成部分。这足以使你放弃前嫌，萌发为人类孕育新的歌声的兴致，为世界带来更多的诗意。</p>05*2.5.3换行标签<br/>

【效果】换行标签<br/>后面的内容另起一行，但没有像段落一样加大行距，因此换行标签<br/>前后的内容仍然是一个段落，如图2-5-3所示。图2-5-3

使用换行标签效果05*2.5.4水平线<hr/>

【示例2-5-4】

在【示例2-5-2】的基础上，编辑HTML文档<body>标签的内容，即在第二个段落中添加标签<hr/>，代码如下：<p>人站得高些，不但能有幸早些领略到期望的曙光，还能有幸发现生命的立体的诗篇。每一个人的人生，都是这诗篇中的一个词、一个句子或者一个标点。<hr/>你可能没有成为一个美丽的词，一个引人注目的句子，一个惊叹号，但你依然是这生命的立体诗篇中的一个音节、一个停顿、一个必不可少的组成部分。这足以使你放弃前嫌，萌发为人类孕育新的歌声的兴致，为世界带来更多的诗意。</p><hr/>标签用于在页面中设置一条水平线，以有效分隔前后内容。语法格式：<p>一段文字<hr/>一段文字</p>05*2.5.4水平线<hr/>

【效果】段落内容被水平线分隔开，如图2-5-4所示。图2-5-4

插入水平线效果在HTML4.01中，<font>标签不被赞成使用；在HTML5中，<font>标签被废弃。小提示05*2.5.5文字样式标签<font>

<font>标签用于规定文本的大小、颜色和字体，可选的属性有size、color、face。行标签，语法格式：<fontsize="数字"color="颜色名"face="字体族">文字内容</font>【示例2-5-5】在【示例2-5-2】的基础上，编辑HTML文档<body>标签的内容，即将第二个和第三个段落标签修改为文字样式标签，并设置标签属性，代码如下：<body> <palign="center">美文欣赏</p> <fontsize="3"color="#666"face="隶书">人站得高些，不但能有幸早些领略到期望的曙光，还能有幸发现生命的立体的诗篇。每一个人的人生，都是这诗篇中的一个词、一个句子或者一个标点。你可能没有成为一个美丽的词，一个引人注目的句子，一个惊叹号，但你依然是这生命的立体诗篇中的一个音节、一个停顿、一个必不可少的组成部分。这足以使你放弃前嫌，萌发为人类孕育新的歌声的兴致，为世界带来更多的诗意。</font> <fontsize="4"color="#B91720"face="宋体">——《站在历史枝头微笑》</font></body>05*2.5.5文字样式标签<font>

【效果】原本各自成段的第二、三段呈现在同一段落中，且原第二段内容字号变为“3号”、颜色为“黑灰色”、字体为“隶书”，原第三段内容字号变为“4号”、颜色为“酒红色”、字体为“宋体”，如图2-5-5所示。图2-5-5

字体标签及其属性设置效果05*<i>标签用于定义斜体字，<em>标签用于定义着重文字，它们都可以将文字修饰为斜体。它们都是行标签。其语法格式：<p><i>斜体文字</i>正常文字<em>斜体文字</em></p>。2.5.6倾斜文字标签<i>和<em>

【示例2-5-6】在【示例2-5-2】的基础上，编辑HTML文档<body>标签的内容，即在第一个段落中添加倾斜文字标签<i>和<em>，代码如下：<palign="center"><i>美文</i>欣<em>赏</em></p>【效果】文字“美文”和“赏”都变成了斜体，如图2-5-6所示。图2-5-6

斜体修饰标签使用效果小提示根据HTML5规范，在没有其他更合适的标签使用时，才把<i>标签作为最后的选项，通常建议使用<em>标签。05*【示例2-5-7】在【示例2-5-2】的基础上，编辑HTML文档<body>标签的内容，即在第一个段落中添加加粗文字标签<b>和<strong>，代码如下：<palign="center"><b>美文</b>欣<strong>赏</strong></p>2.5.7加粗文字标签<b>和<strong>

【效果】文字“美文”和“赏”都变成了粗体，如图2-5-7所示。根据HTML5规范，在没有其他更合适的标签使用时，才把<b>标签作为最后的选项，通常建议使用<strong>标签。小提示图2-5-7斜体修饰标签使用效果05*<u>标签用于定义带有下划线的文字。它是行标签，其语法格式：<p><u>带有下划线的文字</u>正常文字</p>2.5.8文字下划线标签<u>

【示例2-5-8】在【示例2-5-7】的基础上，编辑HTML文档<body>标签的内容，即将第一个段落中的加粗文字标签<b>修改为文字下划线标签<u>，代码如下：<palign="center"><u>美文</u>欣<strong>赏</strong></p>【效果】文字“美文”加下划线修饰，“赏”字依然是粗体，如图2-5-8所示。在HTML4.01中，<u>标签不被赞成使用。HTML5不支持<u>标签。小提示图2-5-8

斜体修饰标签使用效果05*

在HTML文档中，可以直接使用键盘输入多个空格键，但是在浏览器显示的网页上最多只显示一个空格。使用HTML中的预留字符

，在网页中显示多个空格。使用多个

，可以在网页中显示连续的空格（英文空格）。2.5.9预留字符的使用

【示例2-5-9】在【示例2-5-5】的基础上，编辑HTML文档<body>标签的内容，即在第一个段落中添加4个预留字符

，代码如下：<palign="center">美文

欣赏</p>【效果】文字“美文”和“欣赏”之间有四个英文空格，如图2-5-9所示。图2-5-9

斜体修饰标签使用效果05*在网页制作中，除了空格，还有一些特殊字符也需要使用代码替代。一般情况下，特殊字符的代码由前缀“&”、字符名称和后缀“;”组成。2.5.9预留字符的使用

显示字符预留字符空格

“"&&<

<>

>©（版权）©™（商标）™®（注册商标）®¥（人民币元）¥表6常用的预留字符06*06HTML图像标签06*如今网页越来越丰富多彩，这是因为网页中添加了各种各样的图像文件，对网页进行了美化。目前，市场上有很多类型的图像，而且不同的浏览器对不同类型的图像可能有不同的识别能力。但是，几乎任何浏览器都可以识别PNG、JPG、GIF格式的图像（后缀名分别为.png、.jpg、.gif）。因此，开发者一般将图像处理为这三种类型中的一种。2.6.1网页中图像文件类型图像的使用一定要与网页的主题相匹配，图像的色彩要与网页中文字的颜色相协调，这样才能达到深化主题且美观的效果。此外，网页中可以使用图像作为页面的背景。但是，为了保证浏览器载入网页的速度，建议大家尽量避免使用太大的图像作为网页背景图像。小提示HTML图像标签06*资源地址

相对地址绝对地址2.6.2网页中的相对地址和绝对地址概念：指以当前网页文件为起点，通过层级关系描述资源的位置。

使用方法：（1）要引用的资源与网页文件在同一目录中，则只需输入要链接资源文件的名称即可，如“img1.png”。（2）要引用的资源位于网页文件的下一级目录中，则需要先输入目录名，再加上“/”，最后输入资源文件名即可，如“img/img1.png”。（3）要引用的资源位于网页文件的上一级目录中，则需要先输入“../”，再输入目录名，最后输入资源文件名即可，如“../img/img1.png”。用途与特点：用于引用网站内部的资源。构建链接的两个文件之间的相对关系不受站点文件夹所处服务器位置的影响。即站点文件夹所在服务器地址发生改变，文件夹的所有内部文件地址都不会出现问题。概念：带有盘符或网络协议的完整路径。

使用方法：（1）带有盘符的完整路径，如“D:/example/img/images/img1.png”表示图像文件img1.png在本地计算机中的绝对位置，以盘符D:/开头。（2）带有网络协议的完整路径，如：“/i/eg_mouse.jpg”表示图像文件eg_mouse.jpg在网络中的绝对位置，以https://协议开头。用途与特点：用于引用网站外部的资源。使用绝对地址定位链接资源文件比较清晰。但是，需要输入的内容较多，而且如果资源文件出现移动，就需要重新设置所有相关的链接。06*<img>标签用于定义图像，可以指定图像的地址、宽度、高度、边框和替代文本，其可选择的属性有src，用于指定图像的URL；width，用于指定图像的宽度；height，用于指定图像的高度；border，用于指定图像周围的边框；alt，用于指定图像的替代文本。<img>标签是行标签，其语法格式:<imgsrc="图像文件的地址（相对地址或绝对地址）"width="宽度值"height="高度值"border="边框值"alt="文本"/>2.6.3图像标签<img>属性width、height、border的值是一个数值，单位默认为px（像素），可省略。小提示06*【示例2-6-1】编辑HTML文档<body>标签的内容。<body> <imgsrc="img/beijing.jpg"width="400"height="auto"border="3"alt="这是一张图像"/></body>2.6.3图像标签<img>在网页中插入图像时，一定要保证所插入图像位于网站文件夹中，否则一旦移动网站文件位置，图像就不能正常显示。小提示【效果】在页面主体部分显示图像，地址为"img/beijing.jpg"，宽度为400px，高度根据比例缩放，边框为3px，页面显示效果如图2-6-1所示。当图像地址找不到图像时，则显示为点位符，页面效果如图2-6-2所示。图2-6-1图像标签及其属性设置效果图2-6-2找不到图像资源效果04*6align属性用于定义图像周围文本与图像混排时的对齐规则，其值有top、bottom、right、left、middle。其中，top表示将图像与顶部对齐；bottom表示将图像与底部对齐；right表示将图像对齐到右边；left表示将图像对齐到左边；middle表示将图像与中央对齐。2.6.4图像对齐方式align【示例2-6-2】编辑HTML文档<body>标签的内容。<body>

这是图像

<imgsrc="img/beijing.jpg"width="400"height="auto"border="3"alt="这是一张图像"align="middle">

以及常用属性</body>【效果】图像的中央与文本的中央对齐，如图2-6-3所示。图2-6-3

图像对齐方式属性设置效果06*hspace和vspace属性用于定义图像四周文本与图像之间的距离。其中，hspace属性用于定义左右两侧文字与图像的间距；vspace属性用于定义上下两端文字与图像的间距。语法格式：<imgsrc="图像文件的地址"hspace="距离值"vspace="距离值"/>2.6.5水平间距hspace和垂直间距vspace距离值是一个数值，其单位默认为px（像素），可以省略。小提示【示例2-6-3】在【示例2-6-2】的基础上，编辑HTML文档<body>标签的内容，即在img标签中添加水平间距属性hspace。<imgsrc="img/beijing.jpg"width="400"height="auto"border="3"alt="这是一张图像align="middle"hspace="30">【效果】图像左侧和右侧的文本与图像间隔30px，如图2-6-4所示。图2-6-4

水平间距属性设置效果07*07HTML超链接标签07*2.7HTML超链接标签HTML超连接标签超链接全称超文本链接。它是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图像，一个电子邮件地址，一个文件，甚至是一个应用程序。在一个网页中用来超链接的对象，可以是一段文本或一个图像。当浏览者单击已经链接的文本或图像后，浏览器页面将会跳转到新的页面或当前页面中的某个部分。超链接的存在是网页文件与其他文件最大的区别之一，它的存在方便用户共享更多的资源。07*<a>标签用于定义超链接，可以从一张页面链接到另一张页面，其属性有href，用于指定链接地址，其值是绝对地址或相对地址。该标签是行标签，其语法格式：<ahref="链接地址">超链接内容</a>2.7.1超链接标签<a>当把鼠标指针移动到网页中的某个链接上时，鼠标指针通常会变为一只小手。小提示【示例2-7-1】

编辑HTML文档<body>标签的内容。<body> <ahref="">百度一下</a> <ahref="bigClass.html">站内一级列表页</a></body>【效果】超链接文本的格式默认为蓝色字体且有下划线，如图2-7-1所示。图2-7-1

超链接标签默认效果07*target属性用于定义目标文档在何处显示，可以是当前窗口、新窗口、某浮动窗口等，其取值有_self、_blank、_parent和_top。其中，_self表示在当前窗口中打开目标文档；_blank表示在新窗口中打开目标文档；_parent表示将目标页面载入到当前框架的父框架窗口中，如果没有框架，则等同于_self；_top表示将目标页面载入到整个浏览器窗口，并删除所有框架。超链接标签<a>没有设置属性target，则默认为_self。2.7.2超链接标签target【示例2-7-2】在【示例2-7-1】基础上，编辑HTML文档<body>标签的内容，即为第一个超链接标签<a>添加属性target。<ahref=""target="_blank">百度一下</a><ahref="bigClass.html">站内一级列表页</a>【效果】单击链接“百度一下”，则百度首页会在一个新的浏览器窗口中打开；单击链接“站内一级列表页”，则bigClass.html页面会在当前浏览器窗口中显示。07*锚点链接用于实现在一个页面中的不同位置之间或不同页面中的某两个位置之间进行跳转。锚点的设置同样使用<a>标签，作为锚点的<a>标签不需要href属性，而是需要用name或id属性来定义锚点的名称或标记锚点。2.7.3锚点链接小提示锚点又可以理解为书签，只是不会以任何特殊方式显示，它对浏览者是不可见的。要实现锚点链接，首先需要定义一个锚点，然后以此锚点为链接目标，主要步骤如下。步骤11.定义锚点，其语法格式：<aname="锚点名称">锚点位置（可以为空）</a>或者<aid="锚点id值">锚点位置（可以为空）</a>为了遵行HTML5规范，建议使用id属性。小提示07*2.7.3锚点链接步骤22.链接到锚点，其语法格式：<ahref="#锚点名称/#id值">链接载体</a>【示例2-7-3】编辑HTML文档<body>标签的内容。<body> <ahref="#shuqian">注意事项</a><br/> <imgsrc="img/beijing.jpg"alt=""><br/> <aid="shuqian">书签：</a><br/> <p>您可以使用

name属性创建

HTML页面中的书签。书签不会以任何特殊方式显示，它对读者是不可见的。当使用命名锚（namedanchors）时，我们可以创建直接跳至该命名锚（如页面中某个小节）的链接，这样浏览者就无须不停地滚动页面来寻找他们需要的信息了。</p></body>07*2.7.3锚点链接【效果】“注意事项”链接显示在页面最上方，如图2-7-2所示。单击“注意事项”链接后，页面直接跳转到书签位置，如图2-7-3所示。图2-7-2单击锚点链接之前效果图2-7-3单击锚点链接之后效果07*2.7.4图像链接在网站中，很多时候将图像作为链接载体，其语法格式如下：<ahref="目标网页地址"> <imgsrc="链接载体的图像地址"alt=""/></a>【示例2-7-4】

编辑HTML文档<body>标签的内容，代码如下：<body> <ahref=""> <imgsrc="img/logo.gif"alt=""width="300"height="auto"> </a></body>【效果】当鼠标浮于图像上时，鼠标指针变为手形。单击图像，网页可跳转至百度首页。视觉上，图像链接与普通图像没有不同。小提示07*2.7.5图像热区链接图像热区链接是指在一张图像上划出若干个区域（称为热区），这些区域可以分别设置超链接，从而链接到不同的目标位置。需要注意的是，设置图像热区链接使用<area>标签定义图像映射中的区域（图像映射是指带有可单击区域的图像），并在<area>标签的外层增加<map>标签定义一个客户端图像映射。设置图像热区链接的步骤如下。步骤11.在图像文件中设置映射图像的名称，即在添加图像的<img>标签中使用usemap属性，添加图像要引用的映射图像的名称。其语法格式：<imgsrc="图像地址"usemap="#映射图像名称"/>步骤22.定义热区图像和热区连接，其语法格式如下：<mapname="映射图像名称"> <areashape="热区形状"coords="热区坐标"href="连接地址"/></map>07*高手点拨shape属性用于定义区域的形状，其值有circle、rect、poly、default（默认值）。其中，circle表示圆形；rect表示矩形；poly表示多边形；default表示整幅图像。coords属性用于定义可单击区域（对鼠标敏感的区域）的坐标。当shape="circle"时，coords="x,y,r"，其中(x,y)为圆心坐标，r为半径。当shape="rect"时，coords="x1,y1,x2,y2"，其中(x1,y1)为矩形左上角坐标，(x2,y2)为矩形右下角坐标。当shape="poly"时，coords="x1,y1,x2,y2,x3,y3,…"，其中(x1,y1)，(x2,y2)，(x3,y3)等，则是多边形各顶点的坐标。07*【示例2-7-5】

编辑HTML文档<body>标签的内容。<body><imgsrc="img/googlein.jpg"usemap="#map_name"width="400px"/><mapname="map_name"><areashape="circle"coords="200,200,30"href=""alt=""/><areashape="rect"coords="120,120,185,185"href=""alt=""/><areashape="poly"coords="200,260,150,300,250,300"href=""alt=""/></map></body>2.7.5图像热区链接07*【效果】当单击图像上的相应区域时，会分别显示热区形状，且鼠标指针变为手形，如图2-7-4所示。2.7.5图像热区链接图2-7-4图像上的热点区域效果07*空链接就是指鼠标指向链接后，鼠标指针变为手形，但单击链接后，页面仍然停留在当前页面。空连接用于设置暂时还未确定链接的目标地址，便于后期更新链接的目标地址。设置空链接的方法有很多，可以将<a>标签的href属性值设置为空，也可以仅使用符号#，还可以使用JavaScript的语句，语法格式如下：<ahref=""></a><ahref="#"></a><ahref="javascript:void(0)"></a>2.7.6空链接07*【示例2-7-6】

编辑HTML文档<body>标签的内容，代码如下：<body> <imgsrc="img/beijing.jpg"/> <ahref="">这是第一个空链接</a> <ahref="#">这是第二个空链接</a> <ahref="javascript:void(0)">这是第三个空链接</a></body>【效果】当图像高度超过一屏时，单击第一个和第二个空链接不会有新页面出现，但页面会返回到顶部，但是单击第三个空连接时，页面不会发生任何改变。2.7.6空链接07*E-mail链接一般用于设置页面中的“联系我们”等条目，以指向一个电子邮件地址，然后浏览器会启动系统默认的邮件程序（如果有的话）。E-mail链接的语法格式：<ahref="mailto:邮件地址"></a>2.7.7E-mail空链接【示例2-7-7】

编辑HTML文档<body>标签的内容，代码如下：<body> <ahref="mailto:123456789@">联系站长</a></body>图2-7-5E-mail链接效果【效果】单击“联系站长”，出现需要使用的应用程序，如图2-7-5所示。07*JavaScript链接用于在浏览器窗口中设置弹窗，从而实现提示或警告。JavaScript链接的语法格式：<ahref="javascript:alert('弹窗显示内容');"></a>2.7.8JavaScript链接【效果】单击“来点我吧！”，在浏览器中出现一个弹窗，显示alert中的信息，如图2-7-6所示。图2-7-6JavaScript链接效果【示例2-7-8】

编辑HTML文档<body>标签的内容。<body> <ahref="javascript:alert('Hello，mydarling！');">来点我吧！</a></body>在语句javascript:alert('Hello，mydarling！');中除单引号内部涉及的标点符号外，其余标点符号全部为英文格式。小提示08*08HTML列表标签08*列表可以将相关信息有条理地组织在一起。HTML中提供无序列表、有序列表和定义列表3种列表。2.8.1无序列表<ul>即无序列表标签，用于定义无序列表，可选择的属性有type。type属性用于定义列表项目符号的类型，其值有disc、square、circle、none。其中，disc表示实心圆；square表示实心方块；circle表示空心圆；none表示无列表项目符号。<li>即列表项标签，用于定义列表项目，可用在无序列表和有序列表中。<ul>和<li>标签都是块标签，它们的语法格式如下：<ul> <li>列表内容1</li> <li>列表内容2</li> … <li>列表内容n</li></ul>08*2.8.1无序列表【效果】页面显示无序列表，列表项前面的符号为实心正方形，如图2-8-1所示。图2-8-1无序列表效果HTML5将废弃列表的type属性，可以用CSS实现，详细介绍见后面章节。小提示08*2.8.2有序列表<ol>即有序列表标签，用于定义有序列表，其可选择的属性有type和start。（1）type属性用于定义列表项目符号的类型，其值有1（默认值）、a、A、i、Ⅰ。其中，1表示数字有序列表；a表示按小写字母顺序排列的有序列表；A表示按大写字母顺序排列的有序列表；i时表示小写罗马字母；Ⅰ表示大写罗马字母。（2）start属性用于定义有序列表的起始值，其值为数值，默认的值为1。<ol>标签是块标签，其语法格式如下：<ol> <li>列表内容1</li> <li>列表内容2</li> … <li>列表内容n</li></ol>08*2.8.2有序列表【示例2-8-2】

编辑HTML文档<body>标签的内容。<body> <p>爱好</p> <oltype="a"start="3"> <li>运动</li> <li>听音乐</li> <li>羽毛球</li> </ol></body>

【效果】页面显示有序列表，列表项前面的符号为英文小写字母，从计数值3开始，即这里显示的c，如图2-8-2所示。图2-8-2有序列表效果08*2.8.3定义列表<dl>标签用于定义列表，结合<dt>和<dd>标签使用。<dt>标签用于定义列表中的项目。<dd>标签用于描述列表中的项目。它们都是块标签，其语法格式如下：<dl> <dt>列表项目1</dt> <dd>描述1</dd> <dt>列表项目2</dt> <dd>描述2</dd> … <dt>列表项目n</dt> <dd>描述n</dd></dl>08*2.8.3定义列表【示例2-8-3】编辑HTML文档<body>标签的内容。<body> <p>爱好</p> <dl> <dt>运动</dt> <dd>如跑步、游泳</dd> <dt>听音乐</dt> <dd>尤其是英文经典歌曲和红色经典歌曲</dd> <dt>专业性工作</dt> <dd>如编写程序，实现网站前端后台效果</dd> </dl></body>08*2.8.3定义列表【效果】页面显示自己定义的列表，如图2-8-3所示。

图2-8-3定义列表效果

09*09HTML表单标签09*2.9.1表单标签<form>表单在网页中主要负责数据采集功能。对于用户而言，它是数据录入和提交的界面；对于网站而言，它是获取用户信息的途径。HTML表单标签<form>标签是块标签，其语法格式如下：<formname="表单名称"action="表单处理程序"method="传送方法"enctype="表单数据的编码类型"target="提交地址打开方式">…</form>04*92.9.1表单标签<form>属性定义属性取值<form>标签name给表单命名，一般与表单id属性值相同，该属性方便JavaScript程序捕捉。action指定表单数据提交的目标位置，是一般表单的必有属性，默认为当前页面，其值为目标地址。method用于指定数据提交到服务器时使用哪种HTTP方法，其值有两种get和post。该属性是表单的必有属性，其默认值是get。get方法，通过URL传递给程序。表单中的数据按照“变量名=值”的形式，添加到action所指向的目标位置后，两者使用“？”连接，各变量之间使用“&”连接。该方法数据容量小，数据暴露在URL中，非常不安全。post方法，将表单中的数据放在form的数据体中，按照变量名和值相对应的方式，传递到action所指向的目标位置。该方法能传输大容量的数据，所有操作对用户不可见的，非常安全。表7

<form>标签的常用属性09*高手点拨简单、少量、安全的数据可以使用get方法进行传递。大量或者需要保密的数据则使用post方法进行传递。09*912.9.1表单标签<form>属性定义属性取值<form>标签enctype用于指定表单数据在发送到服务器时的编码类型①application/x-www-form-urlencoded（默认值）：在传送前对所有字符编码，在传输大型文件时效率较低。②multipart/form-data：指定传输的数据为二进制类型。③text/plain：纯文本传输，不对特殊字符编码，但是空格会转换为加号“+”。target用于定义表单数据提交地址的打开方式，其值有_self（默认值）和_blank。①_self表示在当前页面打开。②_blank表示在新页面打开。续表7

<form>标签的常用属性09*2.9.2表单空间<input>表单控件是提供一组允许用户操作的控件，从而接收用户输入的数据。<input>标签用于搜集用户信息，是表单中功能最丰富、种类最多的控件。其可选择的属性有type、value、name。（1）type属性用于规定表单控件的类型。不同的type值使得<input>标签具有不同的功能。（2）value属性用于规定预备提交的值，一般由用户输入或选择。（3）name属性用于规定表单控件的名称，由开发者定义。通过设置<input>标签不同的type属性值，可以获得不同功能的控件。09*2.9.2表单空间<input>1．文本域text当type的值为text时，可获得文本域控件，它可以为用户提交文本内容提供便利。该控件的语法格式如下：<inputtype="text"value="默认值"name="单行文本框名称"/>【示例2-9-1】

编辑HTML文档<body>标签的内容。<body><formaction="index.jsp"> <inputtype="text"value="搜索一下"name="comName"/></form></body>09*2.9.2表单空间<input>【效果】页面中文本框显示默认值“搜索一下”，如图2-9-1所示。用户可以在文本框中输入文本，显示内容会随之改变，提交的值即value属性的值，且当用户提交时，变量comName的值即为文本框中的显示值，如图2-9-2所示。

图2-9-1文本域加载初始效果

图2-9-2用户输入信息效果在HTML中，表单控件存在于form表单中。小提示09*2.9.2表单空间<input>2．密码域password当type的值为password时，可获得密码域控件，它可以将用户输入的值设置为不可见，且默认显示为实心圆点。该控件的语法格式如下：<inputtype="password"value="默认值"name="密码域名称"/>【示例2-9-2】

编辑HTML文档<body>标签的内容，代码如下：<body> <formaction="index.jsp"> <inputtype="password"value="123456"name="userPass"/> </form></body>09*2.9.2表单空间<input>【效果】页面显示效果如图2-9-3所示。其中，密码域显示为实心圆点，默认值为“123456”。当用户输入自己的密码后，value的值随之改变，表单提交的变量名为“userPass”，其值为value的值。图2-9-3密码域效果09*2.9.2表单空间<input>3．隐藏域hidden当type的值为hidden时，可获得隐藏域控件，它用于定义需要提交但不需要显示或不方便显示的信息。该控件的语法格式如下：<inputtype="hidden"value="默认值"name="隐藏域名称"/>【示例2-9-3】在【示例2-9-1】的基础上，编辑HTML文档<body>标签的内容，即在表单中添加隐藏域控件，代码如下：<body> <formaction="index.jsp"> <inputtype="text"value="搜索一下"name="comName"/> <inputtype="hidden"value="1"name="comId"/> </form></body>09*982.9.2表单空间<input>【效果】文本域正常显示，但隐藏域不显示，页面效果如图2-9-1所示。但是，在页面空白处右击鼠标，然后在弹出的选项栏中选择“审查元素（N）”选项，便可以在网页下方的“元素”栏目框中看到隐藏域的内容，如图2-9-4所示。图2-9-4隐藏域在“元素”栏目框中的效果09*2.9.2表单空间<input>4．单选按钮radio当type的值为radio时，可获得单选按钮控件，允许用户选取给定数目的选择中的一个选项。该控件的语法格式如下：<inputtype="radio"name="单选按钮名称"value="信息值1"/>信息值显示1<inp

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论