Web前端开发案例教程习题和答案

阅读: 评论:0

2024年2月8日发(作者:)

Web前端开发案例教程习题和答案

Web前端开发案例教程习题和答案

注:选择题标记红色者为答案,判断题红色者为错误。

第1章习题

1.下列选项中,对HTML5新功能和新特性支持最好的浏览器是?

A)IE浏览器B)火狐浏览器C)Google浏览器D)Opera浏览器

2.下面的应用软件,不可以用于网页制作开发的是?

A)Editplus B)HbilderC)Dreamweaver D)3Dmax

5增加了很多新功能和新特性,下列不属于HTML5优势的是?

A)解决了跨浏览器问题B)新增了多个新特性

C)用户优先的原则D)可以创建动态网站

的中文含义是?

A)文件传输协议B)超文本传输协议

C)超文本标记语言D)统一资源定位符

5. HTTP的中文含义是?

A)文件传输协议B)超文本传输协议

C)超文本标记语言D)统一资源定位符

第2章习题

一、选择题

1. 网页的主体内容写在()标记内部。

A)〈body〉 B)〈head〉 C)〈p〉 D)〈html〉

2. 以下标记符中,用于设置页面标题的是()。

A) B)<caption> C)<head> D)<html> </p><p style="text-indent: 2em;";>3. HTML 指的是?( ) </p><p style="text-indent: 2em;";> A)超文本标记语言(Hyper Text Markup Language) </p><p style="text-indent: 2em;";>B)家庭工具标记语言(Home Tool Markup Language) </p><p style="text-indent: 2em;";> C)超链接和文本标记语言(Hyperlinks and Text Markup Language) </p><p style="text-indent: 2em;";>D)样式表(CSS)和JavaScript语言 </p><p style="text-indent: 2em;";>4. 用 HTML标记语言编写一个简单的网页,网页最基本的结构是()。 </p><p style="text-indent: 2em;";> A)<html><head>…</head><frame>…</frame></html> </p><p style="text-indent: 2em;";>B)<html><title>…

C)

D)……

5. 可以不用发布就能在本地计算机上浏览的页面编写语言是()。

A)asp B)html C)php D)jsp

6. 以下标记符中,没有对应的结束标记的是()。

A) B)

C) D) </p><p style="text-indent: 2em;";>1 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>7. 〈title〉〈/title〉标记必须包含在()标记中。 </p><p style="text-indent: 2em;";> A)〈body〉〈/body〉 B)〈table〉〈/table〉 C)〈head〉〈/head〉 D)〈p〉</p〉 </p><p style="text-indent: 2em;";>8. 为了标识一个HTML文件应该使用的HTML标记是()。 </p><p style="text-indent: 2em;";> A)<p></p> B)<boby></body> C)<html></html> D)<table></table> </p><p style="text-indent: 2em;";>9. 请选择产生粗体字的 HTML 标记()。 </p><p style="text-indent: 2em;";> A)<bold> B)<bb> C)<strong> D)<bld> </p><p style="text-indent: 2em;";>10.在下列 HTML标记中,哪个可以插入换行?()。 </p><p style="text-indent: 2em;";> A)</p><p style="text-indent: 2em;";> B)<enter> C)<break> D)<b> </p><p style="text-indent: 2em;";>11.在下列的 HTML标记中,哪个是最大的标题?()。 </p><p style="text-indent: 2em;";> A)<h6> B)<h5> C)<h2> D)<h1> </p><p style="text-indent: 2em;";>12. 用于标识一个段落的HTML标记是()。 </p><p style="text-indent: 2em;";> A)〈b〉〈/b〉 B)〈br〉〈/br〉 C)〈p〉〈/p〉 D)〈li〉〈/li〉 </p><p style="text-indent: 2em;";>13.在下列的 HTML 中,哪个可以插入图像?() </p><p style="text-indent: 2em;";> A)<img href=""> B)<image src=""> </p><p style="text-indent: 2em;";> C)<img src="" > D)<img></img> </p><p style="text-indent: 2em;";>14.将链接的目标文件载入该链接所在的同框架或窗口中,链接的“目标”属性应设置成()。 </p><p style="text-indent: 2em;";> A)_blank B)_parent C)_self D)_top </p><p style="text-indent: 2em;";>15. 建立超链接时,要在新窗口显示网页,需要加入的标记属性为()。 </p><p style="text-indent: 2em;";> A)target="_blank" B)border="1" C)name="target" D)# </p><p style="text-indent: 2em;";>16. 包含有图像的网页文件,其扩展名应该是()。 </p><p style="text-indent: 2em;";> A).jpg B).gif C).pic D).htm或.html </p><p style="text-indent: 2em;";>17.最常用的网页图像格式有()和()。 </p><p style="text-indent: 2em;";> A)gif,tiff B)tiff,jpg C)gif,jpg D)tiff,png </p><p style="text-indent: 2em;";>18.在网页中,必须使用()标记来完成超级链接。 </p><p style="text-indent: 2em;";> A)<a>…</a> B)<p>…</p> C)<link>…</link> D)<li>…</li> </p><p style="text-indent: 2em;";>20.在定义列表中,用于对名词进行解释和描述的标记是( ) </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>( )。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>A)<!doctype> B)<head></head> C)<title> D)

A) f9 B) f10 C) f12 D) ctrl+f12

2

25.在Dreamweaer中,使用主浏览器预览网页的快捷键是( )。

A)

B)
  • C)
    D)

    A)

    • 列表项1
    • 列表项2
    • ......

    B)

        列表项1
        列表项2
      ......

    C)

      ......

    D)

      ……
      ……
      ……

    A)

    1. 列表项1
    2. 列表项2
    3. ......

    B)

    • 列表项1
    • 列表项2
    • ......

    C)

      ......

    D)

      ……
      ……
      ……

    A) B)<base> C)<head>D)<meta> </p><p style="text-indent: 2em;";>21.下列选项中,定义无序列表的基本语法格式正确的是( ) </p><p style="text-indent: 2em;";>22.下列选项中,属于定义有序列表的基本语法格式的是( ) </p><p style="text-indent: 2em;";>23.在HTML中,用于设置页面元信息的标记是( ) </p><p style="text-indent: 2em;";>24.位于HTML5文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范的标记是</p><p style="text-indent: 2em;";>26.在网页中插入图像,若图像文件位于html文件的上两级文件夹,则在文件名之前加入( ) </p><p style="text-indent: 2em;";> A) ../ B) / C) ./ D) ../../ </p><p style="text-indent: 2em;";>二、判断题 </p><p style="text-indent: 2em;";>1.网页文件是用一种标签语言书写的,这种语言称为HTML(Hyper Text Markup Language,超文本标记语言),制作一个网站就等于制作一个网页。() </p><p style="text-indent: 2em;";>2.网站的首页文件通常是“,,,”,它必须存放在网站的根目录中。() </p><p style="text-indent: 2em;";>3.HTML5采用宽松的语法格式,标签可以不区分大小写。() </p><p style="text-indent: 2em;";>4.如果文本中需要换行,可以使用换行标记</p><p style="text-indent: 2em;";>。() </p><p style="text-indent: 2em;";>5.<hr>标记可以在网页中生成一条水平分隔线,它不需要结束标记。() </p><p style="text-indent: 2em;";>6.标题标记h1~h 6都有换行的功能。 () </p><p style="text-indent: 2em;";>7.JPEG格式能提供良好的损失极少的压缩比,这种格式可以做成透明和多帧的动画。() </p><p style="text-indent: 2em;";>8.在HTML中使用注释标记时,注释内容不会显示在浏览器窗口中。() </p><p style="text-indent: 2em;";>9.一个HTML5文档可以含有多对<head>标记。() </p><p style="text-indent: 2em;";>10.在HTML5标记中,属性之间不分先后顺序,标记名与属性、属性与属性之间均以逗号分开。() </p><p style="text-indent: 2em;";>11.在HTML标记中,<h1>标记属于双标记。() </p><p style="text-indent: 2em;";>12.在HTML页面中,带有“<>”符号的元素被称为HTML标记。() </p><p style="text-indent: 2em;";>13.图像文件和html文件位于同一文件夹,相对地址为<img src="" >。() </p><p style="text-indent: 2em;";>14.浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内。( ) </p><p style="text-indent: 2em;";>15.<hr>为单标记,用于定义一条水平线。() </p><p style="text-indent: 2em;";>16.注释标记的基本语法是<!-- 注释语句 -->。() </p><p style="text-indent: 2em;";>17.在图像常用格式中,PNG不但支持动画,还支持透明。() </p><p style="text-indent: 2em;";>18.一个HTML5文档只能含有一对<body>标记,且<body>标记必须在<html>标记内。() </p><p style="text-indent: 2em;";>19.在超链接中,当target取值为“_self”,意为在原窗口中打开链接页面。() </p><p style="text-indent: 2em;";>20.<!DOCTYPE>标记和浏览器的兼容性无关,为了代码简洁,可以删掉。() </p><p style="text-indent: 2em;";>21.开头处可以不使用<!DOCTYPE>标记为所有的HTML5文档指定HTML版本和类型。() </p><p style="text-indent: 2em;";>22.在HTML5语法中,属性值不放在引号中也是正确的。() </p><p style="text-indent: 2em;";>23.在HTML5中,标记可以拥有多个属性。() </p><p style="text-indent: 2em;";>5采用比较宽松的语法格式,简化了代码,建议网站开发人员采用宽容的代码编写模式。() </p><p style="text-indent: 2em;";>25.在HTML5页面中,<hr>为双标记,用于定义一条水平线。() </p><p style="text-indent: 2em;";>26.在HTML5中,<p>标记中可以嵌套<p>标记。() </p><p style="text-indent: 2em;";>27.<html>标记标志着HTML文档的开始,</html>标记标志着HTML文档的结束。() </p><p style="text-indent: 2em;";>28.书写图片路径的时候,尽量使用绝对路径,因为可以更稳定简洁。() </p><p style="text-indent: 2em;";>29.在网页中需要插入图片的相对路径中,“../”用于指定上一级文件夹。() </p><p style="text-indent: 2em;";>30.在超链接中,如果暂时没有确定链接目标,通常将<a>标记的href属性值定义为“*”。() </p><p style="text-indent: 2em;";>31.在HTML语言中,通过创建锚点链接,用户能够快速定位到目标内容。() </p><p style="text-indent: 2em;";>32.在图像常用格式中,GIF只能处理256种颜色。() </p><p style="text-indent: 2em;";>33.在标记的嵌套过程中,必须先结束最靠近内容的标记,再按照由内及外的顺序依次关闭标记。() </p><p style="text-indent: 2em;";>图像格式是一种支持透明的图像格式。() </p><p style="text-indent: 2em;";>35.如果不给<img >标记设置宽和高,图片就会按照他的原始尺寸显示。() </p><p style="text-indent: 2em;";>3 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>第3章习题 </p><p style="text-indent: 2em;";>一、选择题 </p><p style="text-indent: 2em;";>1. HTML5中的( )元素可以包含所有通常放在页面头部的内容。 </p><p style="text-indent: 2em;";> A)header B)nav C)aritcle D)section </p><p style="text-indent: 2em;";>2. HTML5中的()元素用于页面的导航链接。 </p><p style="text-indent: 2em;";>A) header B)nav C)aritcle D)section </p><p style="text-indent: 2em;";>3 HTML5中()元素经常被用于定义一篇日志、一条新闻或用户评论等。 </p><p style="text-indent: 2em;";> A)header B)nav C)aritcle D)section </p><p style="text-indent: 2em;";>4. HTML5中()元素用来定义当前页面附属信息部分。 </p><p style="text-indent: 2em;";>A)header B)nav C)aside D)section </p><p style="text-indent: 2em;";>5.HTML5中()元素用于对网站或应用程序中页面上的内容进行分块。 </p><p style="text-indent: 2em;";>A)header B)nav C)aside D)section </p><p style="text-indent: 2em;";>6.在 HTML5中,()元素用于组合标题元素。 </p><p style="text-indent: 2em;";>A)meter B)nav C)aside D)hgroup </p><p style="text-indent: 2em;";>7.HTML5中,()元素经常与details 元素配合使用,作为details 元素的第一个子元素。 </p><p style="text-indent: 2em;";>A)meter B)summary C)footer D)hgroup </p><p style="text-indent: 2em;";>8.HTML5中,()元素的主要功能是在文本中高亮显示某些字符,以引起用户注意。 </p><p style="text-indent: 2em;";>A)mark B)summary C)footer D)hgroup </p><p style="text-indent: 2em;";>9.HTML5中,()元素用于表示指定范围内的数值, 如磁盘使用情况、查询结果、或投票比例等。 </p><p style="text-indent: 2em;";>A)meter B)progress C)footer D)hgroup </p><p style="text-indent: 2em;";>10. HTML5中,()元素定义运行中的任务进度(进程)。 </p><p style="text-indent: 2em;";>A)meter B)progress C)footer D)hgroup </p><p style="text-indent: 2em;";>二、判断题 </p><p style="text-indent: 2em;";>1. 一个HTML页面中可以包含多个nav元素,作为页面整体或不同部分的导航。() </p><p style="text-indent: 2em;";>2.HTML5中,article元素通常使用多个section元素进行划分。() </p><p style="text-indent: 2em;";>3.HTML5中,一个页面中article元素只能出现一次。() </p><p style="text-indent: 2em;";>4.HTML5中,没有标题的内容区块不要使用section元素定义。() </p><p style="text-indent: 2em;";>5.HTML5中一个section元素通常由标题和内容组成。 </p><p style="text-indent: 2em;";>6.HTML5中,可以在article元素或者section元素中添加footer元素。() </p><p style="text-indent: 2em;";>7.一个HTML5页面中可以包含多个footer元素。() </p><p style="text-indent: 2em;";>8.HTML5中,一个figure元素内允许使用多个figcaption元素。() </p><p style="text-indent: 2em;";>9.HTML5中,figcaption元素用于为figure元素组添加标题。() </p><p style="text-indent: 2em;";>10.HTML5中,figure元素的内容应该与主内容相关,但如果被删除,也不会对文档流产生影响。() </p><p style="text-indent: 2em;";>第4章习题 </p><p style="text-indent: 2em;";>一、选择题 </p><p style="text-indent: 2em;";>1.如何为所有的<h1>元素添加背景颜色? </p><p style="text-indent: 2em;";> A) {background-color:#FFFFFF} B)h1 {background-color:#FFFFFF} </p><p style="text-indent: 2em;";> C)all.h1 {background-color:#FFFFFF} D)h1.{background-color:#FFFFFF} </p><p style="text-indent: 2em;";>4 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>2.链接式样式表的最大优势在于 </p><p style="text-indent: 2em;";> A)CSS代码与HTML代码完全分离 B)CSS写在〈head〉与〈/head〉之间 </p><p style="text-indent: 2em;";> C)直接对HTML的标签使用style属性 D)采用import方式导入样式表 </p><p style="text-indent: 2em;";>3.下面不属于 CSS 插入形式的是? </p><p style="text-indent: 2em;";> A)索引式 B)行内式 C)嵌入式 D)外部式 </p><p style="text-indent: 2em;";>4.在 HTML 文档中,引用外部样式表的正确位置是? </p><p style="text-indent: 2em;";> A)文档的末尾 B)文档的顶部 C)<body>部分 D)<head>部分 </p><p style="text-indent: 2em;";>5.下列哪个选项的 CSS 语法是正确的? </p><p style="text-indent: 2em;";> A)body:color=black B){body:color=black(body} </p><p style="text-indent: 2em;";> C)body {color: black} D){body;color:black} </p><p style="text-indent: 2em;";>6.哪个 CSS 属性可控制文本的尺寸? </p><p style="text-indent: 2em;";> A)font-size B)text-style C)font-style D)text-size </p><p style="text-indent: 2em;";>7.在以下的 CSS 中,可使所有<p>元素变为粗体的正确语法是? </p><p style="text-indent: 2em;";> A)<p style="font-size:bold"> B)<p style="text-size:bold"> </p><p style="text-indent: 2em;";> C)p {font-weight:bold} D)p {text-size:bold} </p><p style="text-indent: 2em;";>8.如何改变元素的字体? </p><p style="text-indent: 2em;";> A)font= B)f: C)font-family: D)font </p><p style="text-indent: 2em;";>9.如何使文本变为粗体? </p><p style="text-indent: 2em;";> A)font:b B)font-weight:bold C)style:bold D)b </p><p style="text-indent: 2em;";>10.下面说法错误的是? </p><p style="text-indent: 2em;";> A)CSS 样式表可以将格式和结构分离 B)CSS 样式表可以控制页面的布局 </p><p style="text-indent: 2em;";> C)CSS 样式表可以使许多网页同时更新 D)CSS 样式表不能制作体积更小下载更快的网页 </p><p style="text-indent: 2em;";>11.在以下的 HTML 中,哪个是正确引用外部样式表的方法? </p><p style="text-indent: 2em;";> A)<style src=""> </p><p style="text-indent: 2em;";> B)<link rel="stylesheet" type="text/css" href=""> </p><p style="text-indent: 2em;";> C)<stylesheet></stylesheet> </p><p style="text-indent: 2em;";> D)Colorful Style Sheets </p><p style="text-indent: 2em;";>12.当新建CSS样式时默认的样式名称是unnamed1,而且在样式名称前有一个“.”,这个“.”表示 </p><p style="text-indent: 2em;";> A)此样式是一个类样式(class) B)此样式是一个序列样式(ID) </p><p style="text-indent: 2em;";> C)在一个HTML文件,只能被调用一次 D)一个HTML元素中只能被调用二次 </p><p style="text-indent: 2em;";>13.不属于CSS选择器的是? </p><p style="text-indent: 2em;";> A)对象选择符 B)超文本标记选择符 C)ID选择符 D)类选择符 </p><p style="text-indent: 2em;";>14.CSS的中文译名为? </p><p style="text-indent: 2em;";> A)样式表 B)样式表标签语言 C)瀑布样式表 D)层叠样式表 </p><p style="text-indent: 2em;";>15.若要在网页中插入样式表 ,以下用法中,正确的是? </p><p style="text-indent: 2em;";> A)<Link href="" type=text/css rel=stylesheet> </p><p style="text-indent: 2em;";> B)<Link src="" type=text/css rel=stylesheet> </p><p style="text-indent: 2em;";> C)<Link href="" type=text/css> </p><p style="text-indent: 2em;";> D)<Include href="" type=text/css rel=stylesheet> </p><p style="text-indent: 2em;";>16.下列选项中,属于并集选择器书写方式的是? </p><p style="text-indent: 2em;";>A) h1 p{} B) h1_p{} C) h1,p{} D) h1-p{} </p><p style="text-indent: 2em;";>17.页面上的div标签,其HTML代码为<div id="box" class="red">文字</div>,为其设置CSS样式如下: </p><p style="text-indent: 2em;";>#box{ color:blue; } .red{ color:red; } 那么,文字的颜色将显示为? </p><p style="text-indent: 2em;";>A)红色B)蓝色C)黑色D)白色 </p><p style="text-indent: 2em;";>5 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>二、判断题 </p><p style="text-indent: 2em;";>1.在编写CSS代码时,为了提高代码的可读性,通常需要加CSS注释语句。() </p><p style="text-indent: 2em;";>2. 内嵌式是将CSS代码集中写在HTML文档的<head>头部标记中,并且用<style>标记定义。() </p><p style="text-indent: 2em;";>3.内嵌式CSS样式对网站中的所有HTML页面都有效。() </p><p style="text-indent: 2em;";>4.链入式是使用频率最高,也最实用的CSS样式表,它将HTML代码与CSS代码分离为两个或多个文件,实现了结构和表现的完全分离。() </p><p style="text-indent: 2em;";>5.通配符选择器用“*”号表示,能匹配页面中所有的元素。() </p><p style="text-indent: 2em;";>6.在链入式CSS样式中,一个HTML页面只能引入一个样式表。() </p><p style="text-indent: 2em;";>7.链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过<link />标记将外部样式表文件链接到HTML文档中。() </p><p style="text-indent: 2em;";>8.在<head>中使用<link>标记可引用外部样式表文件,一个页面只允许使用一个<link>标记引用外部文件。() </p><p style="text-indent: 2em;";>9.RGBA是CSS3新增的颜色模式,它是RGB颜色模式的延伸,该模式是在红、绿、蓝三原色的基础上添加了不透明度参数。() </p><p style="text-indent: 2em;";>选择器使用“#”进行标识,后面紧跟id名。() </p><p style="text-indent: 2em;";>11.通配符选择器设置的样式对所有的HTML标记都生效,不管标记是否需要该样式,这样反而降低了代码的执行速度。() </p><p style="text-indent: 2em;";>第5章习题 </p><p style="text-indent: 2em;";>一、选择题 </p><p style="text-indent: 2em;";>1.CSS3中,()属性选择器是指选择名称为E的标记,且该标记定义了att属性,att属性值包含前缀为val的子字符串。 </p><p style="text-indent: 2em;";>A)E[att^=val] B)E[att$=val] C)E[att*=val] D)E[att#=val] </p><p style="text-indent: 2em;";>2.CSS3中,()属性选择器是指选择名称为E的标记,且该标记定义了att属性,att属性值包含后缀为val的子字符串。 </p><p style="text-indent: 2em;";>A)E[att^=val] B)E[att$=val] C)E[att*=val] D)E[att#=val] </p><p style="text-indent: 2em;";>3.HTML中有两条代码:<div id="mailto">李丽</div><div id="newmail">王杰</div>,CSS样式代码为:div[id*="mail"]{color:blue;},则文本“李丽”、“王杰”哪项呈现蓝色。() </p><p style="text-indent: 2em;";>A)李丽B)王杰C)均呈现蓝色D)均不呈现蓝色 </p><p style="text-indent: 2em;";>4.下列哪个选择器主要用来选择p的第一级子元素h1。() </p><p style="text-indent: 2em;";>A)p>h1 B)p h1 C)p+h1 D)p~h1 </p><p style="text-indent: 2em;";>5.()选择器定义的样式,对所有页面元素都生效。 </p><p style="text-indent: 2em;";>A):target B):not C):root D):before </p><p style="text-indent: 2em;";>6.CSS3中,:before选择器属于()选择器。 </p><p style="text-indent: 2em;";>A)伪元素B)伪类C)属性D)关系 </p><p style="text-indent: 2em;";>7.CSS3中,如果某个父元素仅有一个子元素,则使用()选择器不能选择这个子元素。 </p><p style="text-indent: 2em;";>A):nth-child(1)B):last-child </p><p style="text-indent: 2em;";>C):child D):only-child </p><p style="text-indent: 2em;";>8.相邻兄弟选择器用()符号连接两个元素。 </p><p style="text-indent: 2em;";>A)$ B)~ C)—D)+ </p><p style="text-indent: 2em;";>9.HTML中有如下代码: </p><p style="text-indent: 2em;";><h3>产品展示</h3> </p><p style="text-indent: 2em;";><p>产品特色</p> </p><p style="text-indent: 2em;";>6 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><p>产品标准</p> </p><p style="text-indent: 2em;";><strong>产品咨询</strong> </p><p style="text-indent: 2em;";>CSS中添加下列哪条代码,可以给文本“产品标准”添加红色边框。() </p><p style="text-indent: 2em;";>A)p:nth-child(3){border: 1px solid red;} </p><p style="text-indent: 2em;";>B)p:nth-last-of-type(3){border: 1px solid red;} </p><p style="text-indent: 2em;";>C)p:nth-of-type(3){border: 1px solid red;} </p><p style="text-indent: 2em;";>D)p:nth-last-of-type(2){border: 1px solid red;} </p><p style="text-indent: 2em;";>10.HTML中有代码:<p>毕业啦!</p>。CSS中有代码: </p><p style="text-indent: 2em;";>p:before{content:"哇!";} </p><p style="text-indent: 2em;";>p:after{content:"再见了母校!";} </p><p style="text-indent: 2em;";>预览后,页面中显示的文本是什么。() </p><p style="text-indent: 2em;";>A)毕业啦!哇!再见了母校!B)哇!毕业啦!再见了母校! </p><p style="text-indent: 2em;";>C)哇!再见了母校!毕业啦!D)毕业啦! </p><p style="text-indent: 2em;";>11.HTML中有代码:<p class="p1">标题</p>。下列哪段代码,不能给文本“标题”添加下划线。() </p><p style="text-indent: 2em;";>A)p{text-decoration: underline;}B).p1{text-decoration: underline;} </p><p style="text-indent: 2em;";>C)p.p1{text-decoration: underline;}D)body *:not(p){ text-decoration: underline;} </p><p style="text-indent: 2em;";>中有代码: </p><p style="text-indent: 2em;";><a href="#libai">李白</a> </p><p style="text-indent: 2em;";><a href="#dufu">杜甫</a> </p><p style="text-indent: 2em;";><p id="libai">静夜思</p> </p><p style="text-indent: 2em;";>CSS中有代码::target{color: red;} </p><p style="text-indent: 2em;";>单击文本“李白”,呈现红色的文本是哪项。() </p><p style="text-indent: 2em;";>A)李白B)杜甫C)静夜思D)无文本呈现红色 </p><p style="text-indent: 2em;";>第6章习题 </p><p style="text-indent: 2em;";>一、选择题 </p><p style="text-indent: 2em;";>1. 如何显示这样一个边框:上边框 10 像素、下边框 5 像素、左边框 20 像素、右边框 1 像素? </p><p style="text-indent: 2em;";> A)border-width:10px 5px 20px 1px B)border-width:10px 20px 5px 1px </p><p style="text-indent: 2em;";> C)border-width:5px 20px 10px 1px D)border-width:10px 1px 5px 20px </p><p style="text-indent: 2em;";>2. 使用什么属性设置元素的左边距? </p><p style="text-indent: 2em;";> A)text-indent B)indent C)margin D)margin-left </p><p style="text-indent: 2em;";>3. 下列CSS属性中不属于设置背景图像样式的是? </p><p style="text-indent: 2em;";>A)background-image B)background-begin </p><p style="text-indent: 2em;";>C)background-repeat D)background-size </p><p style="text-indent: 2em;";>4. 要实现背景图像不重复,应该设置为? </p><p style="text-indent: 2em;";>A)background-repeat:repeat B)background-repeat:repeat-x </p><p style="text-indent: 2em;";>C)background-repeat:repeat-y D)background-repeat:no-repeat </p><p style="text-indent: 2em;";>5. 在CSS中,设置背景图像的标记是? </p><p style="text-indent: 2em;";>A) background B) background image </p><p style="text-indent: 2em;";>C) background-color D) bkground </p><p style="text-indent: 2em;";>6.下列选项中,用于更改元素左内边距的是? </p><p style="text-indent: 2em;";>A) text-indent B) padding-left C) margin-left D) padding-right </p><p style="text-indent: 2em;";>7 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>7.下列选项中,哪个不能设置边框为3px,实线,颜色为红色? </p><p style="text-indent: 2em;";>A) border:3px solid #F00;B) border: #F00 solid 3px; </p><p style="text-indent: 2em;";>C) border: red solid 3px; D) border: #0F0 3px solid; </p><p style="text-indent: 2em;";>8.下列样式代码中,可以将块元素转换为行内元素的是? </p><p style="text-indent: 2em;";>A) display:none; B) display:block; </p><p style="text-indent: 2em;";>C) display:inline-block; D、 display:inline; </p><p style="text-indent: 2em;";>9.关于样式代码“#box{width:200px; padding:15px; margin:20px;}”下列说法正确的是? </p><p style="text-indent: 2em;";>A) .box的总宽度为200px B) .box的总宽度为 270px </p><p style="text-indent: 2em;";>C) .box的总宽度为 235px D) 以上说法均错误 </p><p style="text-indent: 2em;";>5中( )元素可替代<div id=“footer”></div>标记来定义页面底部。 </p><p style="text-indent: 2em;";>A) nav B) header C) aside D) footer </p><p style="text-indent: 2em;";>11.<span>标记是网页布局中常见的标记,其显示类型为? </p><p style="text-indent: 2em;";>A) 块级类型 B) 行内类型 C) 行内块类型 D) 浮动类型 </p><p style="text-indent: 2em;";>12.一个盒子的宽(width)和高(height)均为300px,左内边距为30px,同时盒子有3px的边框,请问这个盒子的总宽度是多少? </p><p style="text-indent: 2em;";>A) 333px B) 366px C) 336px D) 363px </p><p style="text-indent: 2em;";>二、判断题 </p><p style="text-indent: 2em;";>1.宽度属性width和高度属性height对块元素无效。( ) </p><p style="text-indent: 2em;";>背景复合属性中,既可以定义背景图片,也可以定义背景颜色。( ) </p><p style="text-indent: 2em;";>3.在CSS中border属性是一个复合属性。( ) </p><p style="text-indent: 2em;";>3中的box-shadow属性不设置“阴影类型”参数时默认为“内阴影”。( ) </p><p style="text-indent: 2em;";>5.一个div的高度为200px,内边距为10px,边框为1px,那么它的总高度尺寸为222px。( ) </p><p style="text-indent: 2em;";>7.默认情况下,背景图像会自动向水平和竖直两个方向平铺。( ) </p><p style="text-indent: 2em;";>8.<div> 是一个块级元素。( ) </p><p style="text-indent: 2em;";>y属性用于定义元素的不透明度,参数opacityValue表示不透明度的值,它是一个介于0~1之间的浮点数值。( ) </p><p style="text-indent: 2em;";>10.<div>与</div>之间相当于一个容器,可以容纳段落、标题、图像等各种网页元素。( ) </p><p style="text-indent: 2em;";>第7章习题 </p><p style="text-indent: 2em;";>一、填空题 </p><p style="text-indent: 2em;";>1.CSS样式设置中,综合设置无序列表的样式属性是list-style。 </p><p style="text-indent: 2em;";>2.CSS样式设置中,设置未访问时超链接的状态,使用的伪类是a:link。 </p><p style="text-indent: 2em;";>3.CSS样式设置中,设置访问后超链接的状态,使用的伪类是a:visited。 </p><p style="text-indent: 2em;";>4.CSS样式设置中,设置鼠标悬停时超链接的状态,使用的伪类是a:hover。 </p><p style="text-indent: 2em;";>5.CSS样式设置中,设置鼠标单击不动时超链接的状态,使用的伪类是a:active。 </p><p style="text-indent: 2em;";>8 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>第8章习题 </p><p style="text-indent: 2em;";>一、选择题 </p><p style="text-indent: 2em;";>1. 以下标记中,用于定义一个单元格的是? </p><p style="text-indent: 2em;";> A)<td> </td> B)<tr>…</tr> C)<table>…</table> D)caption>…</caption> </p><p style="text-indent: 2em;";>2.在下列的 HTML 中,哪个可以产生文本区(textarea)? </p><p style="text-indent: 2em;";> A)<textarea> B)<input type="textarea"> </p><p style="text-indent: 2em;";>C)<input type="textbox"> D)<img></img> </p><p style="text-indent: 2em;";>3.下列哪一项表示的不是按钮? </p><p style="text-indent: 2em;";> A)type="submit" B)type="reset" C)type="image" D)type="button" </p><p style="text-indent: 2em;";>4.下列选项中,用于指定表单是否有自动完成功能的属性是? </p><p style="text-indent: 2em;";>A) action B) autocomplete C) method D)novalidate </p><p style="text-indent: 2em;";>5.在HTML5中,代码<input checked="checked" type="checkbox"/>,可以简写为? </p><p style="text-indent: 2em;";>A)<input checked type="checkbox"/>B)<input checked checkbox/> </p><p style="text-indent: 2em;";>C)<input "checked" " checkbox">D)<input "checked" type="checkbox"/> </p><p style="text-indent: 2em;";>5中,用于指定页面加载后是否自动获取焦点的input属性是? </p><p style="text-indent: 2em;";>A) form属性 B) autofocus属性 C) multiple属性 D) autocomplete属性 </p><p style="text-indent: 2em;";>7.下列选项中, input控件的type属性值是( )表示提交按钮。 </p><p style="text-indent: 2em;";>A) textB)resetC)buttonD) submit </p><p style="text-indent: 2em;";>二、填空题 </p><p style="text-indent: 2em;";>1.创建表格的标记是table,创建表格行的标记是 tr,创建表头单元格的标记是th,创建普通单元格的标记是td。 </p><p style="text-indent: 2em;";>2.合并单元格的行的属性是rowspan,合并单元格的列的属性是colspan。 </p><p style="text-indent: 2em;";>3.创建表单的标记是form,<input>控件中,type属性是text时创建单行文本框,type属性是password时创建密码文本框,type属性是button时创建命令按钮。 </p><p style="text-indent: 2em;";>三、判断题 </p><p style="text-indent: 2em;";>1.在HTML5中,checked="checked"可以省略为checked, readonly="readonly"可以省略为readonly。( ) </p><p style="text-indent: 2em;";>5中的form属性,可以把表单内的子元素写在页面中的任一位置,只需为这个元素指定form属性并设置属性值为该表单的id即可。 ( ) </p><p style="text-indent: 2em;";>3.表格中所有的内容都包含在标记符<table>...</table>之间。( ) </p><p style="text-indent: 2em;";>4.在构造表格时应遵循从上到下、从左到右的顺序。( ) </p><p style="text-indent: 2em;";>5.控制文本框中输入内容不能为空的属性是required。( ) </p><p style="text-indent: 2em;";>6. 设置文本框中符合正则表达式输入规范的属性是pattern。( ) </p><p style="text-indent: 2em;";>第9章习题 </p><p style="text-indent: 2em;";>一、选择题 </p><p style="text-indent: 2em;";>1.下列样式代码中,可用于清除浮动的是? </p><p style="text-indent: 2em;";>A) overflow:both; B) overflow: visible; C) clear:both; D)clear:center; </p><p style="text-indent: 2em;";>2.下列样式代码中,可实现元素的溢出内容被修剪,且被修剪的内容不可见的是? </p><p style="text-indent: 2em;";>A) overflow:visible; B) overflow: hidden; </p><p style="text-indent: 2em;";>C) overflow: auto; D) overflow: scroll; </p><p style="text-indent: 2em;";>ow属性用于规范溢出内容的显示方式,下列选项中不属于overflow常用属性值的是? </p><p style="text-indent: 2em;";>A)both B)hidden C)auto D)scroll </p><p style="text-indent: 2em;";>9 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>on属性用于定义元素的定位模式,下列选项中不属于position属性常用属性值的是? </p><p style="text-indent: 2em;";>A) static B) relative C) absolute D)visible </p><p style="text-indent: 2em;";>5.在CSS中,clear属性用于清除浮动,下列选项中不属于clear常用属性值的是? </p><p style="text-indent: 2em;";>A) left B) right C) both D) center </p><p style="text-indent: 2em;";>6.下列样式代码中,不能够设置元素定位模式的是? </p><p style="text-indent: 2em;";>A) position: auto; B) position: fixed; </p><p style="text-indent: 2em;";>C) position: absolute; D) position: relative; </p><p style="text-indent: 2em;";>7.下列样式代码中,可对元素进行绝对定位的是? </p><p style="text-indent: 2em;";>A) .special{ position: relative;} </p><p style="text-indent: 2em;";>B) .special{ position: absolute; top:20px; left:16px;} </p><p style="text-indent: 2em;";>C) .special{ position: fixed;; top:20px; left:16px;} </p><p style="text-indent: 2em;";>D) .special{ position: static;} </p><p style="text-indent: 2em;";>二、判断题 </p><p style="text-indent: 2em;";>1.绝对定位是将元素依据浏览器窗口进行定位。( ) </p><p style="text-indent: 2em;";>2.应用了“float:right;”样式的元素将向右侧浮动。( ) </p><p style="text-indent: 2em;";>3.在浮动元素之后添加空标记,并对该标记应用“clear:both”样式,可清除元素浮动所产生的影响。(4.在CSS中,可以通过position属性为元素设置浮动。( ) </p><p style="text-indent: 2em;";>5.当盒子内的元素超出盒子自身的大小时,内容一般会溢出。( ) </p><p style="text-indent: 2em;";>6.如果不设置元素的浮动属性,则块元素占页面整行。( ) </p><p style="text-indent: 2em;";>7.对元素应用“overflow:visible;”样式,可清除浮动对该元素的影响。( ) </p><p style="text-indent: 2em;";>8.z-index属性用于调整重叠定位元素的堆叠顺序。( ) </p><p style="text-indent: 2em;";>9.浮动元素不会对页面中其他元素的排版产生影响。( ) </p><p style="text-indent: 2em;";>10.静态定位状态下,无法通过边偏移属性(top、bottom、left或right)来改变元素的位置。( ) </p><p style="text-indent: 2em;";>第10章习题 </p><p style="text-indent: 2em;";>一、选择题 </p><p style="text-indent: 2em;";>1. transition-timing-function属性规定过渡效果的速度曲线,默认值为? </p><p style="text-indent: 2em;";>A)ease B)linear C) ease-in D)ease-out </p><p style="text-indent: 2em;";>2.在3D变形中,指定元素围绕X轴旋转的函数是? </p><p style="text-indent: 2em;";>A)rotateX()函数 B)rotateY()函数 C)rotateZ()函数 D)rotate3d ()方法 </p><p style="text-indent: 2em;";>3.用于定义动画开始前将会延迟2秒的时间,然后才开始执行的代码是? </p><p style="text-indent: 2em;";>A)animation-duration:2s; B)animation-timing-function:2s; </p><p style="text-indent: 2em;";>C)animation-delay:2s; D)animation-direction:2s; </p><p style="text-indent: 2em;";>4.设定动画会在奇数次数正常播放,而在偶数次数逆向播放的代码为? </p><p style="text-indent: 2em;";>A)animation-direction:alternate; B)animation-direction:normal; </p><p style="text-indent: 2em;";>C)animation-direction:true; D)animation-direction:false; </p><p style="text-indent: 2em;";>5.下列选项中,用于定义动画效果需要播放3次的代码是? </p><p style="text-indent: 2em;";>A)animation:3; B)animation-timing-function:3; </p><p style="text-indent: 2em;";>C)animation-delay:3; D)animation-iteration-count:3; </p><p style="text-indent: 2em;";>6.认真阅读下列代码,并按要求进行作答。 </p><p style="text-indent: 2em;";>animation-name:mymove; /*定义动画名称*/ </p><p style="text-indent: 2em;";>animation-duration:5s; /*定义动画时间*/ </p><p style="text-indent: 2em;";>animation-timing-function:linear; /*定义动画速度曲线*/ </p><p style="text-indent: 2em;";>10 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> ) </p><p style="text-indent: 2em;";>animation-delay:2s; /*定义动延迟时间*/ </p><p style="text-indent: 2em;";>animation-iteration-count:3; /*定义动画的播放次数*/ </p><p style="text-indent: 2em;";>animation-direction:alternate; /*定义动画播放的方向*/ </p><p style="text-indent: 2em;";>animation属性是一个复合属性,可以同时设置上述属性的代码为? </p><p style="text-indent: 2em;";>A) animation: mymove 3 2s linear 5s alternate; </p><p style="text-indent: 2em;";>B) animation: mymove linear 2s 5s 3 alternate; </p><p style="text-indent: 2em;";>C) animation: mymove 2s linear 5s 3 alternate; </p><p style="text-indent: 2em;";>D) animation: mymove 5s linear 2s 3 alternate; </p><p style="text-indent: 2em;";>二、判断题 </p><p style="text-indent: 2em;";>3变形是一系列效果的集合,比如平移、旋转、缩放和倾斜,每个效果都被称作为变形函数。( ) </p><p style="text-indent: 2em;";>2.在3D变形中可以让元素围绕X轴、Y轴、Z轴进行旋转。( ) </p><p style="text-indent: 2em;";>第11章习题 </p><p style="text-indent: 2em;";>判断题: </p><p style="text-indent: 2em;";>1.在HTML5中,video标签支持三种视频格式,分别为Ogg、WebM和MP4。( ) </p><p style="text-indent: 2em;";>2.在HTML5中,video元素的loop属性用于当视频结束时重新开始播放。( ) </p><p style="text-indent: 2em;";>3.在HTML5中,audio元素的auto属性用于当页面载入完成后自动播放音频。( ) </p><p style="text-indent: 2em;";>4.在HTML5语法中,video元素用于为页面添加视频,audio标签用于为页面添加音频。( ) </p><p style="text-indent: 2em;";>5.在HTML5中,audio元素用于定义播放音频文件的标准,它支持三种音频格式,分别为Ogg、MP3和wav。( ) </p><p style="text-indent: 2em;";>6.在HTML5中,<video>和</video>之间还可以插入文字,用于在不支持video元素的浏览器中显示。( ) </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>11 </p><p style="text-indent: 2em;";> </p><p><p><h2></h2></p><img style="max-width:35%; max-height:35%" src="/uploads/image/0122.jpg" alt="Web前端开发案例教程习题和答案"/></img></p> </div> <!--分页导航--> <div class="th_page th_page_color4 th_top"> </div> <!--内容底部广告--> <div class="th_ad3 th_top"> <div class="pcd_ad"><script src="https://www.4u4v.net/it/d/js/acmsd/thea22.js"></script></div> <div class="mbd_ad"></div> </div> <div class="umCopyright"> <p>本文发布于:2024-02-08 07:09:27,感谢您对本站的认可!</p> <p>本文链接:<a href="https://www.4u4v.net/it/170734736766892.html" target="_blank" style="color:#999">https://www.4u4v.net/it/170734736766892.html</a></p> <p>版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。</p> </div> <!--上一篇下一篇--> <div class="detail-arr"> <div class="detail-arr-left">上一篇:<a href='https://www.4u4v.net/it/170734730166891.html'>html基本语法及常用控件的使用方法</a></div> <div class="detail-arr-right">下一篇:<a href='https://www.4u4v.net/it/170734738366893.html'>Web应用的新技术HTML5</a></div> </div> <!--内容页tags--> <div class="detail-tags"> <i class="iconfont icon-x-tags"></i> 标签:<a href="https://www.4u4v.net/it/tags/%E5%85%83%E7%B4%A0_0.html" target="_blank">元素</a>   <a href="https://www.4u4v.net/it/tags/%E6%A0%87%E8%AE%B0_0.html" target="_blank">标记</a>   <a href="https://www.4u4v.net/it/tags/%E5%B1%9E%E6%80%A7_0.html" target="_blank">属性</a>   <a href="https://www.4u4v.net/it/tags/%E7%94%A8%E4%BA%8E_0.html" target="_blank">用于</a>   <a href="https://www.4u4v.net/it/tags/%E9%A1%B5%E9%9D%A2_0.html" target="_blank">页面</a></div> </section> <!--评论--> <a name="comments" id="comments"></a> <div class="showpage" id="plpost"> <link href="https://www.4u4v.net/it/skin/ecmspl/css/pl.css" rel="stylesheet"> <div class="showpage" id="plpost"> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="line-height: 25px; padding: 5px 3px 1px 8px; font-size: 18px;"> <tr><td><strong><font color="#333333">留言与评论(共有 <span id="infocommentnumarea">0</span> 条评论)</font></strong></td></tr> </table> <script> function CheckPl(obj) { if(obj.saytext.value=="") { alert("您没什么话要说吗?"); obj.saytext.focus(); return false; } return true; } </script> <form action="https://www.4u4v.net/it/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)"> <table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost"> <tr> <td> <table width="100%" border="0" cellspacing="10" cellpadding="0"> <tr> <td> <script src="https://www.4u4v.net/it/e/pl/loginjspl.php"></script> <textarea name="saytext" rows="6" id="saytext" placeholder="请遵守互联网相关规定,不要发布广告和违法内容!"></textarea> <script src="https://www.4u4v.net/it/d/js/js/plface.js"></script>    <table width='100%' align='left' cellpadding=3 cellspacing=1 bgcolor='#FFF'> <tr> <td width="80%" height="40" bgcolor="#FFFFFF">验证码:<input name="key" type="text" class="inputText" size="16" /> <img src="https://www.4u4v.net/it/e/ShowKey/?v=pl" align="absmiddle" name="plKeyImg" id="plKeyImg" onclick="plKeyImg.src='https://www.4u4v.net/it/e/ShowKey/?v=pl&t='+Math.random()" title="看不清楚,点击刷新" /> </td> <td width="20%" height="40" bgcolor="#FFFFFF"> <input name="sumbit" type="submit" value="提交评论" tabindex="6" style="border-radius: 5px;font-size: 16px;background: #e94c3d none repeat scroll 0% 0%;border: 0px none;margin: 0px 16px;padding: 1px 16px;height: 33px;line-height: 30px;color: rgb(255, 255, 255);opacity: 0.95;"> <input name="id" type="hidden" id="id" value="66892" /> <input name="classid" type="hidden" id="classid" value="41" /> <input name="enews" type="hidden" id="enews" value="AddPl" /> <input name="repid" type="hidden" id="repid" value="0" /> <input type="hidden" name="ecmsfrom" value="https://www.4u4v.net/it/170734736766892.html"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table></form> <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF"> <tr> <td bgcolor="#FFFFFF" id="infocommentarea"></td> </tr> </table> <script src="https://www.4u4v.net/it/e/extend/infocomment/commentajax.php?classid=41&id=66892"></script> </div> </div> </div> <!--侧边栏--> <div class="col-md-3 col-xs-12"> <!--推荐文章--> <div class="thleftcon wap_top th_top"> <div class="thleftbt thwenzhang thsec4"><span class="th_cl4">推荐文章</span></div> <ul class="th-5" style="padding-top:0px"> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734573086563307.html" title="南昌勇星喷绘有限公司介绍企业发展分析报告" target="_blank">南昌勇星喷绘有限公司介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734573072563306.html" title="南昌市灌城纸箱厂介绍企业发展分析报告" target="_blank">南昌市灌城纸箱厂介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734573059563305.html" title="2020新版江西省南昌市进贤县装修公司工商企业公司商家名录名单黄页联" target="_blank">2020新版江西省南昌市进贤县装修公司工商企业公司商家名录名单黄页联</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734573036563304.html" title="南昌市瑞洋实业有限公司企业信用报告-天眼查" target="_blank">南昌市瑞洋实业有限公司企业信用报告-天眼查</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572995563303.html" title="南昌鸿图制衣有限公司介绍企业发展分析报告" target="_blank">南昌鸿图制衣有限公司介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572981563302.html" title="南昌庭轩制衣有限公司介绍企业发展分析报告" target="_blank">南昌庭轩制衣有限公司介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572968563301.html" title="南昌宇涂图文广告营业部介绍企业发展分析报告" target="_blank">南昌宇涂图文广告营业部介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572943563300.html" title="南昌新望彩印有限公司介绍企业发展分析报告" target="_blank">南昌新望彩印有限公司介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572929563299.html" title="南昌比林门窗店介绍企业发展分析报告" target="_blank">南昌比林门窗店介绍企业发展分析报告</a></li> <li> <span class="date">12-19</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/1734572916563298.html" title="南昌亿诺印刷品销售有限公司介绍企业发展分析报告" target="_blank">南昌亿诺印刷品销售有限公司介绍企业发展分析报告</a></li> </ul> </div> <!--右侧广告1--> <div class="th_ad3 th_top"> <div> <script src='https://www.4u4v.net/it/d/js/acmsd/thea15.js'></script> </div> </div> <!--按点击量排序--> <div class="thleftcon th_top"> <div class="thleftbt thwenzhang thsec4"><span class="th_cl4">排行榜</span></div> <ul class="th-5"> <li class="th_li"> <div class="bottom1 gundongimg"> <a href="https://www.4u4v.net/it/17061710611.html" title="JS - JavaScript(一种直译式脚本语言)"><img class="th_img banner_bottom" style="height:90px" src="https://www.4u4v.net/it/skin/8n6/images/notimg.gif" /></a> </div> <div class="bottom2 gundongimg"> <a class="th_hover_a4" href="https://www.4u4v.net/it/17061710611.html" title="JS - JavaScript(一种直译式脚本语言)" target="_blank">JS - JavaScript(一种直译式脚本语言)</a> <div class="bottom2_info"> JS 即 JavaScript。JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的 </div> </div> </li> <li><span class="date">970℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061780993.html" title="idea 快捷键 类方法" target="_blank">idea 快捷键 类方法</a></li> <li><span class="date">116℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061781314.html" title="idea 快捷键 方法" target="_blank">idea 快捷键 方法</a></li> <li><span class="date">961℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061781625.html" title="idea重写方法的快捷键" target="_blank">idea重写方法的快捷键</a></li> <li><span class="date">114℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061781826.html" title="IDEA快捷键" target="_blank">IDEA快捷键</a></li> <li><span class="date">102℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061782147.html" title="idea方法注解快捷键" target="_blank">idea方法注解快捷键</a></li> <li><span class="date">188℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061783468.html" title="idea重写方法的快捷键2篇" target="_blank">idea重写方法的快捷键2篇</a></li> <li><span class="date">105℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/17061783809.html" title="idea中artifacts" target="_blank">idea中artifacts</a></li> <li><span class="date">93℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/170617839610.html" title="idea的artifacts" target="_blank">idea的artifacts</a></li> <li><span class="date">88℃</span><i class="iconfont icon-jiantou_yemian_xiangyou th_cl4"></i><a class="th_hover_a4" href="https://www.4u4v.net/it/170617848211.html" title="IntelliJIDEA上JFinal开发环境搭建手册" target="_blank">IntelliJIDEA上JFinal开发环境搭建手册</a></li> </ul> </div> <!--右侧广告2--> <div class="th_ad3 th_top"> <div> <script src='https://www.4u4v.net/it/d/js/acmsd/thea16.js'></script> </div> </div> <!--标签云--> <div class="thleftcon th_top"> <div class="thleftbt thwenzhang thsec4"><span class="th_cl4">热门标签</span></div> <ul class="th-7 th_tag4"> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%B3%BB%E7%BB%9F">系统</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%95%B0%E6%8D%AE">数据</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E4%BD%BF%E7%94%A8">使用</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%9C%8D%E5%8A%A1%E5%99%A8">服务器</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%BD%AF%E4%BB%B6">软件</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%96%B9%E6%B3%95">方法</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%BF%9B%E8%A1%8C">进行</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%87%BD%E6%95%B0">函数</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E9%A1%B9%E7%9B%AE">项目</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%96%87%E4%BB%B6">文件</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=Windows">Windows</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E4%BB%A3%E7%A0%81">代码</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%94%B5%E8%84%91">电脑</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E4%BC%81%E4%B8%9A">企业</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E9%9C%80%E8%A6%81">需要</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%AE%A1%E7%AE%97%E6%9C%BA">计算机</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%AF%AD%E8%A8%80">语言</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%94%A8%E6%88%B7">用户</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%A8%8B%E5%BA%8F">程序</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=python">python</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%95%B0%E6%8D%AE%E5%BA%93">数据库</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=java">java</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%95%99%E7%A8%8B">教程</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E8%AE%BE%E8%AE%A1">设计</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%B7%A5%E4%BD%9C">工作</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80">编程语言</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%8A%80%E6%9C%AF">技术</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%9C%89%E5%93%AA%E4%BA%9B">有哪些</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=linux">linux</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%BC%80%E5%8F%91">开发</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%8A%A5%E5%91%8A">报告</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%9A%82%E6%97%A0">暂无</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%86%85%E5%AE%B9">内容</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%BD%91%E7%BB%9C">网络</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E6%93%8D%E4%BD%9C">操作</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%8A%9F%E8%83%BD">功能</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%88%86%E6%9E%90">分析</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%91%BD%E4%BB%A4">命令</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E7%BD%91%E7%AB%99">网站</a></li> <li><a href="https://www.4u4v.net/it/e/tags/?tagname=%E5%AD%97%E7%AC%A6%E4%B8%B2">字符串</a></li> </ul> </div> <!--右侧广告3--> <div class="th_ad3 th_top"> <div> <script src='https://www.4u4v.net/it/d/js/acmsd/thea17.js'></script> </div> </div> </div> </div> </div> <!--页面底部--> <div class="footer2"> <p>Copyright ©2019-2022 Comsenz Inc.Powered by © <a rel="external nofollow" href="https://beian.miit.gov.cn/"> </a> </p> <a href="https://www.4u4v.net/it/sitemap/news_1.xml">网站地图1</a> <a href="https://www.4u4v.net/it/sitemap/news_2.xml">网站地图2</a> <a href="https://www.4u4v.net/it/sitemap/news_3.xml">网站地图3</a> <a href="https://www.4u4v.net/it/sitemap/news_4.xml">网站地图4</a> <a href="https://www.4u4v.net/it/sitemap/news_5.xml">网站地图5</a> <a href="https://www.4u4v.net/it/sitemap/news_6.xml">网站地图6</a> <a href="https://www.4u4v.net/it/sitemap/news_7.xml">网站地图7</a> <a href="https://www.4u4v.net/it/sitemap/news_8.xml">网站地图8</a> <a href="https://www.4u4v.net/it/sitemap/news_9.xml">网站地图9</a> <a href="https://www.4u4v.net/it/sitemap/news_10.xml">网站地图10</a> <a href="https://www.4u4v.net/it/sitemap/news_11.xml">网站地图11</a> <a href="https://www.4u4v.net/it/sitemap/news_12.xml">网站地图12</a> <a href="https://www.4u4v.net/it/sitemap/news_13.xml">网站地图13</a> <a href="https://www.4u4v.net/it/sitemap/news_14.xml">网站地图14</a> <a href="https://www.4u4v.net/it/sitemap/news_15.xml">网站地图15</a> <a href="https://www.4u4v.net/it/sitemap/news_16.xml">网站地图16</a> <a href="https://www.4u4v.net/it/sitemap/news_17.xml">网站地图17</a> <a href="https://www.4u4v.net/it/sitemap/news_18.xml">网站地图18</a> <a href="https://www.4u4v.net/it/sitemap/news_19.xml">网站地图19</a> <a href="https://www.4u4v.net/it/sitemap/news_20.xml">网站地图20</a> <a href="https://www.4u4v.net/it/sitemap/news_21.xml">网站地图21</a> <a href="https://www.4u4v.net/it/sitemap/news_22.xml">网站地图22/a> <a href="https://www.4u4v.net/it/sitemap/news_23.xml">网站地图23</a> </div> <!--右侧悬浮客服--> <div class="thgotop"> <ul> <li id="guan" class="ditop th_bg4"> <div class="yewan"> <i class="iconfont icon-guandeng"></i> <span class="">我要关灯</span> </div> <div class="baitian"> <i class="iconfont icon-zu"></i> <span class="">我要开灯</span> </div> </li> <li id="go_top" class="ditop th_bg4"> <i class="iconfont icon-zhiding"></i> <span>返回顶部</span> </li> </ul> </div> <script type="text/javascript" > var swiper = new Swiper('.thbanner', { navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, loop: true, autoplay: { delay: 1500, stopOnLastSlide: false,//如果设置为true,当切换到最后一个slide时停止自动切换 disableOnInteraction: true,//用户操作swiper之后,是否禁止autoplay }, pagination: {//分页器 el: '.swiper-pagination', clickable: true,//点击分页器的指示点分页器会控制Swiper切换 }, }); var swiper = new Swiper('.thslide2', { slidesPerView: 4, spaceBetween: 10, loop: true, autoplay: { delay: 1500, stopOnLastSlide: false,//如果设置为true,当切换到最后一个slide时停止自动切换 disableOnInteraction: false,//用户操作swiper之后,是否禁止autoplay } }); </script> <script type="text/javascript" src="https://www.4u4v.net/it/skin/8n6/js/main.js"></script> <!--百度自动推送--> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>