习题答案HTML5+CSS3+JavaScript 网页设计案例开发吕云翔清华大学出版社.docx
《习题答案HTML5+CSS3+JavaScript 网页设计案例开发吕云翔清华大学出版社.docx》由会员分享，可在线阅读，更多相关《习题答案HTML5+CSS3+JavaScript 网页设计案例开发吕云翔清华大学出版社.docx（15页珍藏版）》请在冰豆网上搜索。
习题答案HTML5+CSS3+JavaScript网页设计案例开发吕云翔清华大学出版社
习题答案
第一章
1.学习HTML/CSS/JavaScript的使用通常要准备哪些工具？
IDE主要有：
Sublime,VScode,Dreamweaver,Atom
2.HTML中
DOCTYPEhtml>、 、
、
、<body>、<h1> 、<p> 标签的基本含义是什么？</p><p><!</p><p>DOCTYPE>声明必须是HTML文档的第一行，位于<html>标签之前。</p><p>它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。</p><p>如果添加html，标明使用的是HTML5的版本。</p><p><html>此元素可告知浏览器其自身是一个HTML文档。</p><p><head>标签用于定义文档的头部，它是所有头部元素的容器。</p><p><head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。</p><p><title>元素可定义文档的标题。</p><p><body>元素定义文档的主体,包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。</p><p><h1>标签定义一级标题。</p><p><p>标签定义段落。</p><p>3.现代网页设计思路经常将网页分成哪三个层次？</p><p>主要有：</p><p>结构层、表示层、行为层。</p><p>结构层（structurallayer）由HTML或XHTML之类的标记语言负责创建。</p><p>标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。</p><p>表示层（presentationlayer）由CSS负责创建，对“如何显示有关内容”的问题做出了回答。</p><p>行为层（behaviorlayer）负责“内容应该如何对事件做出反应”这一问题。</p><p>这是Javascript语言和DOM主宰的领域。</p><p>4.简单概括HTML/CSS/JavaScript的特点。</p><p>JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言的内置支持类型。</p><p>CSS的三个特性是指层叠性、继承性以及优先级。</p><p>HTML的特性是简易性，可扩展性，平台无关性，通用性。</p><p>5.CSS有几种使用形式，分别是哪几种？</p><p>主要有3种，分别是内联样式，嵌入式样式，外部样式。</p><p>第二章</p><p>1.学习HTML/CSS/JavaScript的使用通常要准备哪些工具？</p><p>需要IDE：</p><p>Notepad++、Sublime、Hbuilder、VScode、Atom等。</p><p>需要主要浏览器：</p><p>Chrome、Safari、FireFox、Edge等。</p><p>2.简单概括HTML诞生背景及其特点。</p><p>在1989年开发出了世界上第一个Web服务器与Web客户端，并将这项发明取名为worldwideweb，也就是我们现在所说的WWW万维网。</p><p>HTML也因此诞生。</p><p>HTML的特性是简易性，可扩展性，平台无关性，通用性。</p><p>3.HTML最简单的开发环境是（B）</p><p>A.Windows+IE浏览器</p><p>B.任何浏览器+文本编辑器</p><p>C.手机+浏览器</p><p>D.Dreamweaver+IE浏览器</p><p>4.什么是HTML元素，什么是元素的属性？</p><p>HTML元素指的是从开始标签（starttag）到结束标签（endtag）的所有代码。</p><p>为HTML元素提供各种附加信息的就是HTML属性，它总是以"属性名=属性值"这种名值对的形式出现，而且属性总是在HTML元素的开始标签中进行定义。</p><p>第三章</p><p>1.CSS规则由哪两个主要的部分构成？</p><p>CSS划定由两个首要的一小块组成：</p><p>决议器，以及一条或多条声明。</p><p>2.简要说明CSS的三种样式的特点及其使用方式。</p><p>CSS样式分为：</p><p>内联式css样式、嵌入式css样式、外部式css样式。</p><p>内联式css样式：</p><p>把css代码直接写在现有的HTML标签中，例如<pstyle="color:</p><p>red">这是一个段落标记</p></p><p>嵌入式css样式：</p><p>在HTML文档中的<head>中使用<style>标记，，被称为内嵌式。</p><p>外部式css样式（也可称为外联式）就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名（也可以为调用其他网站CSS）</p><p>第四章</p><p>1.学习HTML/CSS/JavaScript的使用通常要准备哪些工具？</p><p>需要IDE：</p><p>Notepad++、Sublime、Hbuilder、VScode、Atom等。</p><p>需要主要浏览器：</p><p>Chrome、Safari、FireFox、Edge等。</p><p>2.简单说明JavaScript的特点。</p><p>解释性执行的脚本语言，基于对象的脚本语言，简单弱类型脚本语言，相对安全脚本语言，事件驱动脚本语言，跨平台性脚本语言。</p><p>3.JavaScript的每行代码应当以（D）结尾</p><p>A.逗号</p><p>B.分号</p><p>C.换行</p><p>D.分号或换行</p><p>4.什么是JavaScript对象？</p><p>JavaScript对象是拥有属性和方法的数据。</p><p>第五章</p><p>1.尝试使用HTML/CSS/JavaScript实现一个简单的时钟功能（Time标签）。</p><p>略</p><p>2.尝试使用HTML/CSS/JavaScript实现一个带有界面的时钟功能。</p><p>略</p><p> </p><p>第六章</p><p>1.什么是标记语言？</p><p>。</p><p>标记语言（也称置标语言、标记语言、标志语言、标识语言）是一种将文本（Text）以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的计算机文字编码。</p><p>2.HTML与标记语言之间有什么关系？</p><p>HTML是标记语言的一种，HTML是世界通用的、用于描述一个网页的信息的标记语言。</p><p>第七章</p><p>1.HTML元素基本语法有哪几点？</p><p>1.HTML元素以开始标签起始</p><p>2.HTML元素以结束标签终止</p><p>3.元素的内容是开始标签与结束标签之间的内容</p><p>4.某些HTML元素具有空内容（emptycontent）</p><p>5.空元素在开始标签中进行关闭（以开始标签的结束而结束）</p><p>6.大多数HTML元素可拥有属性</p><p>2.没有结束标签HTML一定会显示错误么？</p><p>即使忘记了使用结束标签，大多数浏览器也会补上</html>并正确地显示HTML。</p><p>3.下列哪个是HTML空元素（C）</p><p>A.<p>123</p></p><p>B.<script>alert（“Hello”）;</script></p><p>C.<br></br></p><p>D.<html>null</html></p><p>4.下列哪个不是img属性（D）</p><p>A.src=”../../”</p><p>B.filter:</p><p>""</p><p>C.Alpha:</p><p>""</p><p>D.Colspan=""</p><p>5.什么是CSS内联样式？</p><p>内联式css样式：</p><p>把css代码直接写在现有的HTML标签中.</p><p>例如<pstyle="color:</p><p>red">这是一个段落标记</p></p><p>6.什么是<Div>？</p><p><div>元素是块级元素，它可用于组合其他HTML元素的容器。</p><p><div>元素没有特定的含义。</p><p>除此之外，由于它属于块级元素，浏览器会在其前后显示折行。</p><p>第八章</p><p>1.如何定义表单？</p><p>表单是一个包含表单元素的区域，表单使用<form>标签创建。</p><p>表单能够包含<atarget="_blank"title="HTMLinput元素，比如文本字段、复选框、单选框、提交按钮等等。</p><p>表单还可以包含<atarget="_blank"title="HTMLmenus、<atarget="_blank"title="HTMLtextarea、<atarget="_blank"title="HTMLfieldset、<atarget="_blank"title="HTMLlegend和<atarget="_blank"title="HTMLlabel元素。</p><p>注意，<form>元素是块级元素，其前后会产生折行。</p><p>2.表单有哪些常见属性？</p><p>主要有Action、Method、Target、Title、Enctype、Name。</p><p>3.HTML视频和音频都可以使用哪些标签？</p><p>主要有embed、object、audio、video。</p><p>4.什么是Div+CSS，这种模式有什么好处？</p><p>DIV+CSS是网站标准（或称"WEB标准"）中常用术语之一，DIV+CSS是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式，可实现网页页面内容与表现相分离。</p><p>主要好处有：</p><p>使页面载入得更快，降低流量费用，修改设计时更有效率，保持视觉的一致性，更好地被搜索引擎收录，对浏览者和浏览器更具亲和力。</p><p>第九章</p><p>1.简单概述一下HTML缩进与换行规范。</p><p>缩进：</p><p>使用4个空格做为一个缩进层级，不允许使用2个空格或tab字符。</p><p>换行：</p><p>每行不得超过120个字符。</p><p>2.HTML按钮代码规范注意事项有哪些？</p><p>使用button元素时必须指明type属性值；尽量不要使用按钮类元素的name属性；负责主要功能的按钮在DOM中的顺序应靠前；当使用JavaScript进行表单提交时，如果条件允许，应使原生提交功能正常工作；在针对移动设备开发的页面时，根据内容类型指定输入框的type属性。</p><p>3.HTML模板使用最大好处是什么？</p><p>规范地使用模板不仅会加快开发进度，也让项目的可维护性大大提高。</p><p>第十章</p><p>1.修改提供的简历源码，加入自己的个人内容。</p><p>略</p><p>2.尝试创建一个自己的HTML简历。</p><p>略</p><p>第十一章</p><p>1.CSS语言特点有哪些？</p><p>主要的特点有:</p><p>丰富的样式定义，易于使用和修改，多页面应用，层叠，页面压缩。</p><p>2.什么是CSS选择器？</p><p>选择器可以帮助我们选中需要添加样式的标签。</p><p>第十二章</p><p>1.请简单概述一下CSS语法规则。</p><p>CSS规则由两个主要的部分构成：</p><p>选择器，以及一条或多条声明。</p><p>选择器通常是您需要改变样式的HTML元素。</p><p>每条声明由一个属性和一个值组成。</p><p>2.简述Class选择器和id选择器的区别？</p><p>id选择器可以为标有特定id的HTML元素指定特定的样式，HTML元素以id属性来设置id选择器,CSS中id选择器以"#"来定义。</p><p>class选择器用于描述一组元素的样式，class选择器有别于id选择器，class可以在多个元素中使用。</p><p>class选择器在HTML中以class属性表示,在CSS中，类选择器以一个点"."号显示。</p><p>3.如何设置CSS字体大小？</p><p>通过font-size设置字体大小。</p><p>4.根据CSS知识，判断下面哪个字体大小更大（A）</p><p>A.h1{font-size:</p><p>2.5em;}</p><p>B.h1{font-size:</p><p>30px;}</p><p>C.h1{font-size:</p><p>100%;}</p><p>D.无法比较</p><p>5.下列哪个CSS颜色是不合法的（）:</p><p>答案均合法</p><p>A.#FF0000</p><p>B.#FFFFFF</p><p>C.rgb（0,0,0）</p><p>D.rgb（249,249,249）</p><p>6.CSS控制背景如何实现？</p><p>通过background属性进行背景控制，而且background可以拆分成更多的子属性，进行单独设置。</p><p> </p><p>第十三章</p><p>1.简要说明一下CSS盒子模型。</p><p>CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：</p><p>边距，边框，填充，和实际内容。</p><p>盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。</p><p>盒子模型（BoxModel）：</p><p>不同部分的说明：</p><p>Margin（外边距）-清除边框外的区域，外边距是透明的。</p><p>Border（边框）-围绕在内边距和内容外的边框。</p><p>Padding（内边距）-清除内容周围的区域，内边距是透明的。</p><p>Content（内容）-盒子的内容，显示文本和图像。</p><p>2.CSS有哪几种常用的边框样式，简单说明其功能。</p><p>主要的样式有一下几种：</p><p>none:</p><p>默认无边框</p><p>dotted:</p><p>dotted:</p><p>定义一个点线边框</p><p>dashed:</p><p>定义一个虚线边框</p><p>solid:</p><p>定义实线边框</p><p>double:</p><p>定义两个边框。</p><p>两个边框的宽度和border-width的值相同</p><p>groove:</p><p>定义3D沟槽边框。</p><p>效果取决于边框的颜色值</p><p>ridge:</p><p>定义3D脊边框。</p><p>效果取决于边框的颜色值</p><p>inset:</p><p>定义一个3D的嵌入边框。</p><p>效果取决于边框的颜色值</p><p>outset:</p><p>定义一个3D突出边框。</p><p>效果取决于边框的颜色值</p><p>3.CSSMargin设置为auto是什么含义？</p><p>该值得设置为元素外侧边距，设置浏览器边距。</p><p>设置为auto的结果会依赖于浏览器。</p><p>4.padding:</p><p>25px50px含义是：</p><p>（A）</p><p>A.上下填充为25px，左右填充为50px</p><p>B.上下填充为50px，左右填充为15px</p><p>C.上下填充为25px</p><p>D.左右填充为15px</p><p>第十四章</p><p>1.CSS有几种定位属性？</p><p>定位有以下四种:</p><p>static、relative、fixed、absolute。</p><p>2.什么是CSSFloat属性，它有什么功能？</p><p>CSS的Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。</p><p>Float（浮动），往往是用于图像，但它在布局时一样非常有用。</p><p>3.什么是CSSAlign属性，它有什么功能？</p><p>align属性规定div元素中的内容的水平对齐方式。</p><p>主要是设置显示对齐的作用。</p><p>第十五章</p><p>1.谈谈对CSSCSS3@keyframes的理解。</p><p>@keyframes规则用于创建动画。</p><p>在@keyframes中规定某项CSS样式，就能创建由当前样式逐渐改为新样式的动画效果。</p><p>2.CSS动画属性中animation-play-state有什么含义？</p><p>规定动画是否正在运行或暂停。</p><p>默认是"running"。</p><p>3.响应式网页的优缺点是什么？</p><p>优点：</p><p>面对不同分辨率设备灵活性强,能够快捷解决多设备显示适应问题,根据不同的显示器调整设计最适合用户浏览习惯的页面。</p><p>缺点：</p><p>兼容各种设备工作量大，效率低下。</p><p>代码累赘，会出现隐藏无用的元素，加载时间加长其实这是一种折衷性质的设计解决方案，多方面因素影响而达不到最佳效果，一定程度上改变了网站原有的布局结构，会出现用户混淆的情况。</p><p>4.什么是Viewport？</p><p>viewport是用户网页的可视区域。</p><p>viewport翻译为中文可以叫做"视区"。</p><p>手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。</p><p>第十六章</p><p>1.CSS属性缩写规则有哪些？</p><p>CSS文件使用无BOM的UTF-8编码；选择器与“{”之间必须包含空格；列表性属性书在单行时，“,”后必须跟一个空格；每行不得超过120个字符，除非单行不可分割；当一个rule包含多个selector时，每个选择器声明必须独占一行；操作符选择器的两边各保留一个空格；属性选择器中的值必须用双引号包围。</p><p>2.CSS值与单位有什么代码规范规定？</p><p>文本内容必须用双引号包围；当数值为0-1之间的小数时，省略整数部分的0；url（）函数中的路径不加引号；长度为0时须省略单位；RGB颜色值必须使用十六进制记号形式#rrggbb；2D位置必须同时给出水平和垂直方向的位置。</p><p>3.列举几个常见的CSS字体族。</p><p>宋体（中易宋体）、黑体（中易黑体）、微软雅黑、微软正黑、华文黑体、冬青黑体、文泉驿正黑、文泉驿微米黑等。</p><p>4.使用CSS模板编写一个简单网页。</p><p>略</p><p>第十七章</p><p>1.什么是JavaScript？</p><p>JavaScript是一种web前端的描述语言，也是一种基于对象（object）和事件驱动（EventDriven）的、安全性好的脚本语言。</p><p>它运行在客户端从而减轻服务器的负担。</p><p>2.JavaScript执行原理是什么？</p><p>第十八章</p><p>1.下面哪项JavaScript变量定义是非法的（C）</p><p>A.varx=2;</p><p>B.varpi=3.1415;</p><p>C.varstr=“Hello”</p><p>D.varz=z+1</p><p>2.JavaScript局部变量和全局变量的区别是什么？</p><p>局部变量能在函数内部访问它，在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。</p><p>3.JavaScript如何调用带参的函数？</p><p>在调用函数时，您可以向其传递值，这些值被称为参数。</p><p>这些参数可以在函数中使用。</p><p>您可以发送任意多的参数，由逗号（,）分隔。</p><p>4.JavaScript有哪几种对象创建方法？</p><p>主要有：</p><p>Object构造函数、对象变量创建一个对象、工厂模式创建对象、自定义构造函数、原型模式、组合使用原型模式和构造函数、动态原型模式。</p><p>5.什么是JavaScript事件？</p><p>JavaScript使我们有能力创建动态页面，而事件是可以被JavaScript侦测到的行为。</p><p>网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。</p><p>第十九章</p><p>1.创建一个长度为10的数组，并对其进行排序，输出排序前和排序后的结果。</p><p>代码如下：</p><p>vararr=[1,3,5,2,4,6];</p><p>console.log（arr）;</p><p>arr.sort（）;</p><p>console.log（arr）</p><p>//[1,3,5,2,4,6]</p><p>//[1,2,3,4,5,6]</p><p>2.打印当前日期到控制台。</p><p>console.log（newDate（））;</p><p>3.需要使用表单接受请求的URL，应该使用表单的什么方法实现（B）</p><p>A.action</p><p>B.submit</p><p>C.reset</p><p>D.send</p><p>4.下列哪个是jQuery的类选择器语法（C）</p><p>A.$（"p"）</p><p>B.$（"#test"）</p><p>C.$（".test"）</p><p>D.$（":</p><p>button"）</p><p>5.尝试为一个网页编写简单的脚本，使用jQuery移除网页上所有内容（提示：</p><p>使用remove和遍历功能）。</p><p>略</p><p>第二十章</p><p>1.JavaScript推荐使用什么样的编码模式，并解释这样使用的原因。</p><p>JavaScript文件使用无BOM的UTF-8编码。</p><p>UTF-8编码具有更广泛的适应性。</p><p>BOM在使用程序或工具处理文件时可能造成不必要的干扰。</p><p>2.JavaScript主要有哪两种注释方式？</p><p>单行注释、多行注释</p><p>第二十一章</p><p>1.分析俄罗斯方块实例代码21-1和计算器实例代码21-2，它们都使用了哪些JavaScript技术？</p><p>eval方法、数组、对象、函数、事件、原型等。</p><p>2.分析计算器实例代码21-2，分析其CSS如何控制页面显示的？</p><p>通过设置position设置显示位置属性，设置每个元素的样式，设置需要运动元素的动画。</p><p>第二十二章</p><p>1.查看了解BootStrap-Table在Github上的源码</p><p>略</p><p>2.分析工程中管理系统另外几个页面的源码，观察这些网页运用了什么共同的HTML/CSS/JavaScript技术。</p><p>使用了jQuery、bootstrap、bootstrap-table等开源js、css库文件。</p><p> </p><p>第二十三章</p><p>1.尝试改变游戏难度，让出现1024时即判定胜利。</p><p>添加元素时，在下方出现的概率大点，并且出现除2以外的4、8、16等元素。</p><p>判断胜利：</p><p>修改alert（'youwin!</p><p>'）之前的判断条件为1024。</p><p>2.改变游戏界面，将游戏方块颜色变成红色。</p><p>修改有数值的cell的背景颜色。</p><p>第二十四章</p><p>1.按照教程建立一个自己的个人网站。</p><p>略</p><p>2.自定义个人网站里的内容，完成网站搭建。</p><p>略</p><p></p>
</div>
<div class="readmore" onclick="showmore()" style="background-color:transparent; height:auto; margin:0px 0px; padding:20px 0px 0px 0px;"><span class="btn-readmore" style="background-color:transparent;"><em style=" font-style:normal">展开</em>阅读全文<i></i></span></div>
<script>
function showmore()
{
$(".readmore").hide();
$(".detail-article").css({
"height":"auto",
"overflow": "hidden"
});
}
$(document).ready(function() {
var dh = $(".detail-article").height();
if(dh >100)
{
$(".detail-article").css({
"height":"100px",
"overflow": "hidden"
});
}
else
{
$(".readmore").hide();
}
});
</script>
</div>
<script>
var defaultShowPage = parseInt("5");
var id = "27712496";
var total_page = "15";
var mfull = false;
var mshow = false;
function DownLoad() {
window.location.href='https://m.bdocx.com/down/27712496.html';
}
function relate() {
var reltop = $('#relate').offset().top-50;
$("html,body").animate({ scrollTop: reltop }, 500);
}
</script>
<script> var pre = "https://file1.bdocx.com/fileroot1/2023-7/4/a8df35f5-4e6f-41e1-9c8c-1046095fbcf0/a8df35f5-4e6f-41e1-9c8c-1046095fbcf0";
var freepage = parseInt('15');
var total_c = parseInt('15');
var start = defaultShowPage;
var adcount = 0;
var adindex = 0;
var adType_list = ";0;1;2;3;4;5;6;7;8;9;10;11;12;13;14;";
var end = start;
function ShowSvg() {
end = start + defaultShowPage;
if (end > freepage) end = freepage;
for (var i = start; i < end; i++) {
var imgurl = pre + (i + 1) + '.gif';
var html = "<img src='" + imgurl + "' onerror=\"this.src='/images/s.gif'\" alt=\"习题答案HTML5+CSS3+JavaScript 网页设计案例开发吕云翔清华大学出版社.docx_第" + (i + 1) + "页\" width='100%'/>";
$("#page").append("<div class='page'>" + html + "</div>");
$("#page").append("<div class='pageSize'>第" + (i + 1) + "页 / 共" + total_c + "页</div>");
if(adcount > 0 && adType_list.indexOf(";"+(i+1)+";")>-1)
{
if(adindex > (adcount-1)) adindex = 0;
$("#page").append("<div class='pagead' id='addiv"+(i + 1)+"'></div>");
document.getElementById("addiv"+(i + 1)+"").innerHTML =document.getElementById("adpre" + adindex).outerHTML;
adindex += 1;
}
}
start = end;
if (start > (freepage - 1)) {
if (start < total_c)
{
$("#pageMore").removeClass("btnmore");
$("#pageMore").html("亲，该文档总共" + total_c + "页，到这儿已超出免费预览范围，如果喜欢就下载吧！");
}
else
{
$("#pageMore").removeClass("btnmore");
$("#pageMore").html("亲，该文档总共" + total_c + "页全部预览完了，如果喜欢就下载吧！");
}
}
}
//$(document).ready(function () {
// ShowSvg();
//});
</script>
<div id="relate" class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8">
<div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">相关资源</div>
<div id="relatelist" style="padding-left:5px;">
<ul>
<li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30874148.html" title="高中英语三年常考固定搭配.docx">高中英语三年常考固定搭配.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30874147.html" title="高中英语阅读理解“潜规则”.docx">高中英语阅读理解“潜规则”.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30874146.html" title="高中英语完型填空的14种答题技巧.docx">高中英语完型填空的14种答题技巧.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30874145.html" title="高中英语英语写作十大“加分”句型.docx">高中英语英语写作十大“加分”句型.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30874144.html" title="高中英语必须知道的17个作文题材.docx">高中英语必须知道的17个作文题材.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30874143.html" title="高中英语高级词汇和句型总结.docx">高中英语高级词汇和句型总结.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30874142.html" title="高中英语读后续写90个范文好句（含高分表达指点）.docx">高中英语读后续写90个范文好句（含高分表达指点）.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30874141.html" title="高中英语常考形近词总结.docx">高中英语常考形近词总结.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30874140.html" title="高考英语常考英语谚语（含句子结构分析）.docx">高考英语常考英语谚语（含句子结构分析）.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30874139.html" title="高中英语：七选五解题技巧.docx">高中英语：七选五解题技巧.docx</a>
</li>
</ul>
</div>
</div>
<div class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8">
<div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">猜你喜欢</div>
<div id="relatelist" style="padding-left:5px;">
<ul>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/7334999.html" target="_parent" title="WVR611检验标清及高清节目技术质量.docx">WVR611检验标清及高清节目技术质量.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/7335000.html" target="_parent" title="保育员中级考试试题试题附答案.docx">保育员中级考试试题试题附答案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/7335001.html" target="_parent" title="家长在幼儿园集体生日会上的感言相关范文.docx">家长在幼儿园集体生日会上的感言相关范文.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/7335002.html" target="_parent" title="安全文明施工竞赛方案.docx">安全文明施工竞赛方案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/7335003.html" target="_parent" title="电影《匆匆那年》观后感3篇.docx">电影《匆匆那年》观后感3篇.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/7335004.html" target="_parent" title="XX博物馆整体中央空调安装设计施工服务可行性方案.docx">XX博物馆整体中央空调安装设计施工服务可行性方案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/7335005.html" target="_parent" title="20XX年部门半年工作总结范文3篇.docx">20XX年部门半年工作总结范文3篇.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/7335006.html" target="_parent" title="北京市丰台区初三统一练习一.docx">北京市丰台区初三统一练习一.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/7335007.html" target="_parent" title="XX年中小学教师健康知识网络竞赛试题库.docx">XX年中小学教师健康知识网络竞赛试题库.docx</a></li>
</ul>
</div>
</div>
<div style=" font-size: 16px; background-color:#e5f0f7; margin-top:20px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px; margin-bottom:10px;">
相关搜索</div>
<div class="widget-box pt0" style="border: none; padding:0px 5px;">
<ul class="taglist--inline multi">
<li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e4%b9%a0%e9%a2%98%e7%ad%94%e6%a1%88HTML5%2bCSS3%2bJavaScript">习题答案HTML5+CSS3+JavaScript</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e6%a1%88%e4%be%8b%e5%bc%80%e5%8f%91%e5%90%95%e4%ba%91%e7%bf%94%e6%b8%85%e5%8d%8e%e5%a4%a7%e5%ad%a6%e5%87%ba%e7%89%88%e7%a4%be">网页设计案例开发吕云翔清华大学出版</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e4%b9%a0%e9%a2%98">习题</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%ad%94%e6%a1%88">答案</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=HTML5">HTML5</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=CSS3">CSS3</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=JavaScript">JavaScript</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%bd%91%e9%a1%b5">网页</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e8%ae%be%e8%ae%a1">设计</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%a1%88%e4%be%8b">案例</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%bc%80%e5%8f%91">开发</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%90%95%e4%ba%91%e7%bf%94">吕云翔</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%b8%85%e5%8d%8e%e5%a4%a7%e5%ad%a6%e5%87%ba%e7%89%88%e7%a4%be">清华大学出版社</a></li> </ul>
</div>
<br />
<div >
当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> >
<a href="https://m.bdocx.com/booklist-00019.html">高中教育</a><span> > </span><a href="https://m.bdocx.com/booklist-0001900003.html">英语</a>
</div>
<br />
<div class="cssnone">
<iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=ikQ1Wq2HIAyANAdLjQduAg%3d%3d&parto=3sZ%2bZ0Uov7uRKj7FsFqzu86ENruoY64MCg8jKbh4BTUpsEgBdQahdTjp8v1EEJ4nPMweX4VTRsSF6a8ANTgdOhPrB9ElZtfJaX5qymBt2ezTu%2fDKqNvBtDaNBFjwYwoY%2bm0Kmq5l5EI9dMgxCrj5sJQiontMGRv%2fzCLf%2fnFR6uZrAXgndT2TJp3ej5ieUFbb8eU1wjgb8wXzzowFWlKwqP5QblCUoI53" frameborder="0" style="width: 0px; height: 0px">
</iframe>
</div>
<span id="LabelScript"></span>
<script src="https://mstatic.bdocx.com/JS/bootstrap-collapse.js"></script>
</form>
<div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;">
<div class="siteInner">
<p style="text-align: center;">copyright@ 2008-2022 冰豆网网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备2022015515号-1</a></p><script>var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?2e77bd3f6fe91b0e21d3f22267249ee3";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();</script><script>(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?81476e42bf626128cf29544ee216a8ed7deb9487dce7ed62313212129c4244a219d1c501ebd3301f5e2290626f5b53d078c8250527fa0dfd9783a026ff3cf719";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)</script>
</div>
</div>
<div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; ">
<div class="trlogoside" id="navlogo" style="display: none;">
<a href="https://m.bdocx.com/" title="冰豆网"><img src="https://www.bdocx.com/images/logo_bd.png" alt="冰豆网"></a>
<div class="trnavclose" id="navclose">
<span></span>
</div>
</div>
<div class="navcontainer">
<div class="row">
<ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;">
<li><a target="_parent"href="https://m.bdocx.com/login.aspx">登录</a></li>
<li><a target="_parent"href="https://m.bdocx.com/">首页 </a></li>
<li><a target="_parent"href="https://m.bdocx.com/booklist-0.html">资源分类 </a></li>
<li><a target="_parent"href="https://m.bdocx.com/UserManage/Recharge.aspx?f=0"><img src="https://m.bdocx.com/images/s.gif" alt="new" class="hottip1">升级会员 <img src="https://www.bdocx.com/FileUpload/Images/48520fea-bc98-41ae-b183-84689c7075c9.gif" alt="new" class="hottip"></a></li>
<li><a target="_parent"href="https://m.bdocx.com/newslist.html">通知公告 </a></li>
<li><a target="_parent"href="https://m.bdocx.com/h-0.html">帮助中心 </a></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
function stopPropagation(e) {
var ev = e || window.event;
if (ev.stopPropagation) {
ev.stopPropagation();
}
else if (window.event) {
window.event.cancelBubble = true;//兼容IE
}
}
$("#navmore").click(function (e) {
$("#navcontent").show();
$("#navlogo").show();
stopPropagation(e);
var navcontentwidth = $("#navcontent").width();
$('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' });
$("#navcontent").show().animate({ "right": 0 }, 300);
});
$(document).bind('click', function () {
var navcontentwidth = $("#navcontent").width();
$("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
$("#navlogo").fadeOut(300);
});
$("#navcontent").click(function (e) {
stopPropagation(e);
});
$("#navclose").click(function (e) {
var navcontentwidth = $("#navcontent").width();
$("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
$("#navlogo").fadeOut(300);
});
</script>
<script>
function BaseShare(title, desc, imgUrl) {
var link = "https://m.bdocx.com/doc/27712496.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1730467985', // 必填，生成签名的时间戳
nonceStr: '96DA2F590CD7246BBDE0051047B0D6F7', // 必填，生成签名的随机串
signature: '747adde8c7e00ba3499c3c2c4c4b91bafe871e32',// 必填，签名，见附录1
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//openTagList: ["wx-open-launch-weapp"]//H5打开小程序
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
});
var shareData = {
title: title, // 分享标题
desc: desc,//这里请特别注意是要去除html
link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
};
wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
});
}
}
function BaseShare(title, desc, imgUrl, link) {
if (link=="")
link = "https://m.bdocx.com/doc/27712496.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1730467985', // 必填，生成签名的时间戳
nonceStr: '96DA2F590CD7246BBDE0051047B0D6F7', // 必填，生成签名的随机串
signature: '747adde8c7e00ba3499c3c2c4c4b91bafe871e32',// 必填，签名，见附录1
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//openTagList: ["wx-open-launch-weapp"]//H5打开小程序
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
});
var shareData = {
title: title, // 分享标题
desc: desc,//这里请特别注意是要去除html
link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
};
wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
});
}
}
</script>
<script>
$(document).ready(function () {
var arr = $(".headercontent");
for (var i = 0; i < arr.length; i++) {
(function (index) {
var url = "https://m.bdocx.com/header.aspx";
$.get(url + "?t=" + (new Date()).valueOf(), function (d) {
try {
arr.eq(index).empty().html(d);
} catch (e) { }
try {
arr.html(d);
} catch (e) { }
});
})(i);
}
});
</script>
<script src="https://mstatic.bdocx.com/js/jquery.lazyload.js"></script>
<script charset="utf-8">
$("img.lazys").lazyload({
threshold: 200,
effect: "fadeIn"
});
</script>
</body>
</html>