计算机专业HTML-CSS试卷
HTML和CSS基础考试 选择题50题 附答案
1. HTML的全称是什么?A. HyperText Markup LanguageB. Hyperlink and Text Markup LanguageC. Home Tool Markup LanguageD. Hyper Transfer Markup Language答案:A2. 以下哪个标签用于定义HTML文档的标题?A. <head>B. <header>C. <title>D. <caption>答案:C3. 以下哪个标签用于定义HTML文档的主体内容?A. <body>B. <main>C. <content>D. <article>答案:A4. 以下哪个标签用于定义HTML文档中的段落?A. <p>B. <para>C. <paragraph>D. <text>答案:A5. 以下哪个标签用于定义HTML文档中的链接?A. <link>B. <a>C. <href>D. <url>答案:B6. 以下哪个标签用于定义HTML文档中的图像?A. <img>B. <image>C. <picture>D. <photo>答案:A7. 以下哪个标签用于定义HTML文档中的列表?B. <ul>C. <ol>D. <dl>答案:B8. 以下哪个标签用于定义HTML文档中的表格?A. <table>B. <grid>C. <spreadsheet>D. <matrix>答案:A9. 以下哪个标签用于定义HTML文档中的表头单元格?A. <th>B. <td>C. <tr>D. <thead>答案:A10. 以下哪个标签用于定义HTML文档中的表格数据单元格?A. <th>B. <td>C. <tr>D. <tbody>答案:B11. 以下哪个标签用于定义HTML文档中的表格行?A. <th>B. <td>C. <tr>D. <tbody>答案:C12. 以下哪个标签用于定义HTML文档中的表头部分?A. <th>B. <td>C. <tr>D. <thead>答案:D13. 以下哪个标签用于定义HTML文档中的表格主体部分?A. <th>B. <td>D. <tbody>答案:D14. 以下哪个标签用于定义HTML文档中的表格脚注部分?A. <th>B. <td>C. <tr>D. <tfoot>答案:D15. 以下哪个标签用于定义HTML文档中的表单?A. <form>B. <input>C. <button>D. <select>答案:A16. 以下哪个标签用于定义HTML文档中的输入字段?A. <form>B. <input>C. <button>D. <select>答案:B17. 以下哪个标签用于定义HTML文档中的按钮?A. <form>B. <input>C. <button>D. <select>答案:C18. 以下哪个标签用于定义HTML文档中的下拉列表?A. <form>B. <input>C. <button>D. <select>答案:D19. 以下哪个标签用于定义HTML文档中的文本区域?A. <form>B. <input>C. <textarea>D. <select>20. 以下哪个标签用于定义HTML文档中的标题?A. <h1>B. <h2>C. <h3>D. <h4>答案:A21. 以下哪个标签用于定义HTML文档中的子标题?A. <h1>B. <h2>C. <h3>D. <h4>答案:B22. 以下哪个标签用于定义HTML文档中的小标题?A. <h1>B. <h2>C. <h3>D. <h4>答案:C23. 以下哪个标签用于定义HTML文档中的更小标题?A. <h1>B. <h2>C. <h3>D. <h4>答案:D24. 以下哪个标签用于定义HTML文档中的段落?A. <p>B. <para>C. <paragraph>D. <text>答案:A25. 以下哪个标签用于定义HTML文档中的换行?A. <br>B. <break>C. <line>D. <newline>答案:A26. 以下哪个标签用于定义HTML文档中的水平线?A. <hr>B. <line>C. <divider>D. <horizontal>答案:A27. 以下哪个标签用于定义HTML文档中的注释?A. <!-- -->B. <comment>C. <note>D. <remark>答案:A28. 以下哪个标签用于定义HTML文档中的强调文本?A. <em>B. <strong>C. <italic>D. <bold>答案:A29. 以下哪个标签用于定义HTML文档中的重要文本?A. <em>B. <strong>C. <italic>D. <bold>答案:B30. 以下哪个标签用于定义HTML文档中的斜体文本?A. <em>B. <strong>C. <i>D. <italic>答案:C31. 以下哪个标签用于定义HTML文档中的粗体文本?A. <em>B. <strong>C. <i>D. <b>答案:D32. 以下哪个标签用于定义HTML文档中的代码片段?A. <code>C. <samp>D. <kbd>答案:A33. 以下哪个标签用于定义HTML文档中的预格式化文本?A. <code>B. <pre>C. <samp>D. <kbd>答案:B34. 以下哪个标签用于定义HTML文档中的示例输出?A. <code>B. <pre>C. <samp>D. <kbd>答案:C35. 以下哪个标签用于定义HTML文档中的键盘输入?A. <code>B. <pre>C. <samp>D. <kbd>答案:D36. 以下哪个标签用于定义HTML文档中的引用?A. <q>B. <blockquote>C. <cite>D. <quote>答案:A37. 以下哪个标签用于定义HTML文档中的长引用?A. <q>B. <blockquote>C. <cite>D. <quote>答案:B38. 以下哪个标签用于定义HTML文档中的引用来源?A. <q>B. <blockquote>C. <cite>答案:C39. 以下哪个标签用于定义HTML文档中的缩写?A. <abbr>B. <acronym>C. <short>D. <brief>答案:A40. 以下哪个标签用于定义HTML文档中的地址信息?A. <address>B. <location>C. <contact>D. <info>答案:A41. 以下哪个标签用于定义HTML文档中的删除文本?A. <del>B. <delete>C. <remove>D. <strike>答案:A42. 以下哪个标签用于定义HTML文档中的插入文本?A. <ins>B. <insert>C. <add>D. <new>答案:A43. 以下哪个标签用于定义HTML文档中的上标文本?A. <sup>B. <sub>C. <upper>D. <top>答案:A44. 以下哪个标签用于定义HTML文档中的下标文本?A. <sup>B. <sub>C. <lower>D. <bottom>答案:B45. 以下哪个标签用于定义HTML文档中的定义列表?A. <dl>B. <dt>C. <dd>D. <def>答案:A46. 以下哪个标签用于定义HTML文档中的定义术语?A. <dl>B. <dt>C. <dd>D. <def>答案:B47. 以下哪个标签用于定义HTML文档中的定义描述?A. <dl>B. <dt>C. <dd>D. <def>答案:C48. 以下哪个标签用于定义HTML文档中的框架集?A. <frameset>B. <frame>C. <iframe>D. <window>答案:A49. 以下哪个标签用于定义HTML文档中的内联框架?A. <frameset>B. <frame>C. <iframe>D. <window>答案:C50. 以下哪个标签用于定义HTML文档中的脚本?A. <script>B. <js>C. <javascript>D. <code>答案:A答案汇总:2. C3. A4. A5. B6. A7. B8. A9. A10. B11. C12. D13. D14. D15. A16. B17. C18. D19. C20. A21. B22. C23. D24. A25. A26. A27. A28. A29. B30. C31. D32. A33. B34. C35. D36. A37. B38. C39. A40. A41. A42. A43. A44. B45. A46. B48. A49. C50. A。
HTML、CSS、JQUERY考题答案
HTML、CSS、JQUERY考题答案Html/CSS、Jquery考题考试时间:考试⼈员:本卷考题总共10题,每题1分;题1:请写出⼀个“浮动”的DIV层,样式是:宽度为200像素;⾼度为150像素;位置左为150像素;上为200像素;边框为1像素、实线、灰⾊;字体为14像素、红⾊;⽂本⾸⾏缩进20个像素;左右边距为10像素;滚动条隐藏;答:请看下⾯的界⾯,根据题⽬回答问题:题2:⽤最简捷的⽅法取得form表单中输⼊框的值,⽣成对象,并通过异常提交表单的值?答:var data={};var$data=$("form input[type=text]");$($data).each(function(){data[$(this).attr("id")]=$(this).val();});题3:给按钮添加点击事件?答:$("#submit").click(function(){});题4:请写内容为“地址”的div层?答:var$addressdiv=$("form>div:contains(地址)");题5:取得form表单中内容为空的div层?答:var$empty=$("div:empty");题6:$(“form>div input”)输出结果:答:4个input分别是:id=name id=age id=address id=submit题7:$("form>div:first~div>input")输出结果:答:3个input分别是:id=age id=address id=submit题8:$("form>div:first+div input")输出结果:答:1个input是id=age题9:取得隐藏的输⼊框:答:var$inputs=$("input:hidden");题10:异步读取数据,成功⽅法中将表单输⼊框赋值?。
HTML、CSS选择题
HTML、CSS选择题1.D以下()是HTML常⽤的块状标签(选择⼀项)A.<span>B.<a>C.<br>D.<h1>2.C以下()标签⽤于在表单中构建复选框(选择⼀项)A.<inputtype="text"/>B.<inputtype="radio"/>C.<inputtype="checkbox"/>D.<inputtype="password"/>3.A实现背景平铺效果,对应的CSS为()(选择⼀项)A.div{backgroud-image:url(images/bg.gif);}B.div{backgroud-image:url(images/bg.gif)repeat-x;}C.div{backgroud-image:url(images/bg.gif)repeat-y;}D.div{backgroud-image:url(images/bg.gif)no-repeat;}4.D下列()是⿏标点击时的超链接样式(选择⼀项)A.a:linkB.a:visitedC.a:hoverD.a:active5.AC下⾯选项中,()可以设置⽹页中某个标签的右外边距为10像素。
(选择⼆项)A.margin:010pxB.margin:10px000C.margin:01000pxD.padding-right:10px6.AC阅读下⾯HTML代码,若要使<dt>和<dd>标签在同⼀⾏显⽰,下⾯选项中的CSS书写正确的是()(选择⼆项)。
<dl><dt>⽤户名:</dt><dd><inputtype="text"name="userName"size="12"/></dd></dl>A.dldt{float:left;}B.dldd{float:left;}C.dldt,dldd{float:left;}D.dl{display:inline;}7.A下⾯关于外部样式表的说法错误的是()。
html JavaScript css试题库
一、HTML试题库1、单选题(1) 下列哪个标签是定义标题的(A)A、h1B、hrC、hwD、p(2)html中的注释标签是(C)*A、 <-- -->B、<--! -->C、<!-- -->D、<-- --!>(3)<strong>…</strong>标签的作用是(D)A、斜体B、下划线C、上划线D、加粗(4)网页中的空格在html代码里表示为(B)*A、&B、 C、"D、<(5)定义锚记主要用到<a>标签中的(A)属性。
*A、nameB、targetC、onclickD、onmouseover(6)要在新窗口中打开所点击的链接,实现方法是将<a>标签的target属性设为(A)*A、_blankB、_selfC、_parentD、_top(7)下列代表无序清单的标签是(A)**A、 <ul>…<li>…</ul>B、<ol>…<li>…</ol>C、<hl>…<li>…</hl>D、< li >…< ol >…</ li >(8)定义表单所用的标签是(B)A、tableB、formC、selectD、input(9)要实现表单元素中的复选框,input标签的type属性应设为(B)A、radioB、checkboxC、selectD、text(10)要实现表单元素中的单选框,input标签的type属性应设为(A)A、radioB、checkboxC、selectD、text(11)要使单选框或复选框默认为已选定,要在input标签中加(D)属性*A、selectedB、disabledC、typeD、checked(12)要使表单元素(如文本框)在预览时处于不可编辑状态,显灰色,要在input中加(B)属性*A、selectedB、disabledC、typeD、checked2、多选题(选错、多选、少选都不给分)(1)定义表格常用的3个标签是(ABC )A、tableB、trC、tdD、tp(2)哪两个属性可用于表格的合并单元格(AD)**A、colspanB、trspanC、tdspanD、rowspan(3)实现下拉列表框,要用到一下哪几个标签(BC)A、inputB、selectC、optionD、radio(4)定义框架要用到以下的哪个标签(BC)*A、frameworkB、framesetC、frameD、framespace(5)要在网页中加入音乐或背景音乐,以下哪个标签可以实现(ABC)*A、embedB、objectC、bgsoundD、sound3、填空题(1)、可用P标签定义段落。
HTML+CSS测试
一、选择题(每题2分) 1.以下关于HTML的基本标签说法正确的是( )。 (选择一项) A:HTML共提供了6级标题,<h1>字号最小,<h6>字号最大 B:段落标签<p>中可以包含多行文字,文字内容将随浏览器窗口大小自 动换行 C:水平线标签<br/>的作用是为了让版面更加清晰直观 D:标签<em>……</em>的作用是使字体加粗并斜体显示 2.在CSS中,可用于设置文本的行高的属性是( )。 (选择一项) A:text-indent B:letter-spacing C:text-align D:line-height 3.在制作网页时,以下关于overflow属性说法正确的是( )。(选择一 项) A:overflow属性的常见值有visible、hidden、scrolling、auto B:当属性值为hidden时,如果内容被修剪,则浏览器会显示滚动条以便 查看其余内容 C:visible为overflow属性的默认值,内容会被修剪,并且其余内容是不 可见的 D:可以使用overflow属性与盒子宽度配合使用,清除浮动来扩展盒子的 高度 4.在HTML中,以下关于CSS样式中文本及字体属性的说法,错误的是 ( )。 (选择一项) A:font-size用来设置文本的字体大小 B:text-align用来设置文本对齐方式 C:font-type用来定义字体类型 D:font-weight用来定义字体的粗细 5.以下关于复合选择器说法错误的是( )。 (选择一项)
计算机专业HTML-CSS试卷
计算机高计一班《HTML/CSS》考试试卷(时间:90分钟)姓名____________________学号___________________计分____________________一、填空题:(60分)1.WWW是(1)____________________的缩写,中文叫做(2)____________________。
2.Hyper Text Transfer Protocol的中文翻译为(3)____________________,Hyper TextMarkup Language的中文翻译为(4)____________________。
3.目前,最常用的两种浏览器为(5)____________________和(6)____________________(写出中文名称或者英文名称)。
4.Uniform Resource Locator的中文翻译为(7)____________________,也可把其称为(8)____________________,它用于指定要取得的Internet上资源的位置与方式。
5.主页既是一个网页,但其作为一个网站的起始点,又是一个特殊的网页,作为个人站点,其主页文件名一般为(9)____________________。
6.一个HTML文件是由一系列的元素和(10)____________________组成的。
7.从代码的角度来看,一个HTML文件的基本结构为:<HTML>(11) ____________________</HTML>。
8.(12) ________________标签用于划分段落,(13) ________________标签用于强行换行。
9.<Hn>标签共有(14) ____________级,文字设置下划线的标签是(15) ____________。
10.<FONT>标签的SIZE属性的取值为(16)______________,默认值为(17)____________。
Web基础考题htmlcss
一、不定项选择题(每题3分,共63分)1.参看以下的HTML代码:<html><head><title>表格</title><head><body><table border=><tr><td >1</td><td >2</td></tr><tr><td >3</td><td >4</td></tr></table></body></html>对以上代码,以下描述正确的是( C )A、该网页内容的第一行显示“表格”B、1和2的表格在同一列C、1和2的表格在同一行D、1和3的表格在同一列2.以下的HTML代码片段中:……<table><caption align=op>文具</caption><tr><th>铅笔</th><th>圆珠笔</th><th>水笔</th></tr>……</table>以下哪些是正确的判断(A)A、铅笔一定位于首行中的第一列B、圆珠笔一定位于首列中的第一行C、文具应位于首列首行水笔与圆珠笔在不同的行、D.3.根据以下的HTML代码片段:<body ><table border=><caption align=op>月度报表</caption><tr><th>月份</th><td bgcolor= red>1月</td><td>2月</td><td bgcolor=green>3月</td></tr></table></body>正确的显示结果是(D )A、页面中会有一个默认的表格标题,显示出“月度报表”B、第一个单元格的背景色是红色C、第二个单元格的的背景色为绿色D、“月份”显示为粗体4.根据以下的HTML代码片段:<h1 style=ont-style:italic;color:limegreen;font-size:30pt;>hello!Nice to meet you!</h1><h1>this is the default display of an h1 element</h1>以下描述不正确的是(D )A、第一个h1设置了特定的属性B、第二个h1用了系统默认的属性C、“hello!Nice to meet you!”的字体颜色是浅绿色D、“this is the default display of an h1 element”的字体大小为30pt5.根据以下的HTML代码:h1{color:limegreen;font-family:arial}可以知道(C )A、此段代码是一个类选择器B、选择器的名称是colorC、{ }部分是对h1这个选择器的样式说明D、limegreen 和font-family都是值6.已知services.html与text.html在同一服务器上,但不在同一文件夹中。
html css js考试题
html css js考试题以下是一些HTML、CSS和JS的考试题目,用于测试你对这些技术的理解。
1. **HTML*** 描述HTML文档的基本结构。
* 解释`<head>`元素中的`<title>`标签的作用。
* 如何使用`<img>`标签插入图片?2. **CSS*** 解释CSS选择器的工作原理。
* 如何使用CSS来改变文本的颜色和字体?* CSS的层叠样式表(Cascading Style Sheets)是什么?3. **JavaScript*** 解释什么是DOM(文档对象模型)以及它在JavaScript中的作用。
* 如何使用JavaScript来动态修改HTML元素的属性?* 描述事件监听器在JavaScript中的作用。
4. **综合题*** 假设你有一个HTML文档,其中包含一个按钮和一个段落。
当用户点击按钮时,段落中的文本应改为“Hello, World!”。
如何使用HTML、CSS和JavaScript实现这个功能?5. **简答题*** 描述HTML5相对于之前的HTML版本有哪些主要的新特性?* CSS有哪些常用的布局模型?请列举三种。
6. **编程题*** 编写一个简单的JavaScript函数,该函数接受一个数组作为参数,并返回数组中所有数字的总和。
7. **选择题*** 下列哪个CSS属性用于设置元素的背景颜色?A. `background-color`B. `color-background`C. `background`D. `color`。
HTML+CSS试题有答案
HTML+CSS试题有答案一、单项选择题 (每套20题,每题2分,共40分)1、关于web标准以下说法错误的是( b )A、Web标准是一个复杂的概念集合,它由一系列标准组成B、这些标准全部都由W3C起草与发布C、Web标准可以分为3个方面D、Web标准里的表现标准语言主要包括CSS、以下是<!DOCTYPE>元素作用的是(a ) 2A、该元素用来定义文档类型B、该元素用来声明命名空间C、该元素用来向搜索引擎声明网站关键字D、该元素用来向搜索引擎声明网站作者3、以下可将一对象的背景色透明度改为80%的声明是:(d ) A、filter:alpha:(opacity=80); B、filter:alpha: opacity=80; C、filter:alpha:(opacity:80); D、filter:alpha(opacity=80);4、以下选项中,可以解决超链接访问过后hover样式不出现问题的是:(b )A、重新书写关于连接状态的CSS样式B、改变关于链接状态的CSS属性排列顺序: L-V-H-AC、将关于链接状态的CSS属性全部写再a中D、以上说法都不对5、阅读以下代码:<style type="text/css">body {margin:0}div {float:left;margin-left:10px;width:200px;height:200px;border:1px solid red }</style>解析正确的是:(C )A、浮动后外边距10px,但FF解释为20pxB、浮动后本来外边距20px,但IE解释为10px,解决办法是加上display:block;C、浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inlineD、以上说法都不对6、“滑动门技术”的原理是(b ) A、命名锚点链接的作用B、使用背景图片位置滑动C、将a元素转换为块元素D、将span元素转换为块元素第 1 页共 11 页7、关于背景,以下描述错误的是: (c) A、background-img:B、background-img:C、background-widthD、background-attachment、以下声明中,可以取消加粗样式的有 ( c ) 8A font-weight:bolder;B font-weight:bold;C font-weight: normal;D font-weight:600;9、以下声明中,可以控制单词间距的是: ( b )A letter-spacing:B word-spacing:C font-weight: normal;D font-weight:600;10、display属性的属性值共有: ( a )A 18个B 4个C 6个D 12个11、XHTML基本元素类型不包括 ( d )A 块状元素B 内联元素C 可变元素D 浮动元素12、关于float描述错误的是 ( b )A float:left;B float:centerC float:rightD float:none;13、为了解决浮动双倍间距问题,我们可以在相应元素上添加 ( c )A float:left;B display:block;C display:inline;D margin:0;14、以下哪种现象在FF2.0中会存在:(c)A 双倍边距的问题B 图片间隙的问题C 父元素不能自适应子元素高度D 以上说法都不对15、外部样式表文件不可以由以下哪个标签导入 (c)A 、link B、import C、style16、以下标签哪个不是空标签:(d), meta B input C hr D form17、标签 <p> 的对齐属性是:(b) ,、 style B 、align C、 angle D、padding18、以下哪个选项是设置底边框的:(a)第 2 页共 11 页A、Border-bottomB、Border-topC、Border-leftD、Border-right19、以下关于CLASS和ID的说法,错误的是:(d) A、class的定义方法是: . 类名 {样式};B、id的应用方法:<指定标签 id="id名">C、class的应用方法:<指定标签 class="类名">D、id和class只是在写法上有区别,在应用和意义上没有任何区别20、关于ID选择符说法错误的是: ( c )A ID选择符的语法格式是“#”加上自定义的ID名称B 当我们使用ID选择符时,应先为当前元素定义一个id属性,如:<divid="top"></div>C 选择符更适合定义类样式D 一个id名称只能对应于文档中一个具体的元素对象21.以下哪个选项是对对象进行定位的:(c) A、Padding B、Margin C、position D、display22.关于div以下描述正确的是( a ).A. div是类似于一行一列表格的虚线框B. div由行列形成的单元格构成,可执行合并拆分等操作C. 由div布局的网页结构与表现不分离D. div不要求我们严格css支持23.关于使用CSS以下说法错误的是( c )A. 选择符:选择符表示要定义样式的对象,可以是元素本身,也可以是一类元素或者制定名称的元素.B. 选择属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性。
计算机HTML试题及答案
计算机HTML试题及答案一、单项选择题(每小题3分,共60分)1.在HTML中,表示页面背景的是( )A.<body bgcolor=>B.<body bkcolor=>C.<body agcolor=>D.<body color=>2.<body topmargin=?> ,表示( )A.页面上边的表格大小B.页面上边的空白大小C.页面上边的可用区域大小D.页面上边的可编辑区域大小3.表示新开一个窗口的超链接代码是( )A.<a href=URL target=_new>..</a>B.<a href=URL target=_self>..</a>C.<a href=URL target=_blank>..</a>D.<a href=URL arget=_parent>..</a>4.表示标尺线的HTML代码是( )A.<hr>B.<br>C.<hr></hr>D.<tr>5.嵌入背景音乐的HTML代码是( )A.<backsound src=#>B.<bgsound src=#>C.<bgsound url=#>D.<backsound url=#>6.<sup>创建一个滚动菜单的HTML代码是?( )A. <form></form>B.<select multiple name="NAME" size=?></select>C. <option>D. <select name="NAME"></select>7.HTML文本显示状态代码中,<CENTER></CENTER>表示? ( )A.文本加注下标线B.文本加注上标线C.文本闪烁D.文本或图片居中8.换行符的HTML代码是( )A.<hr>B.<br>C.<tr>D.<hr></hr>9.无序列表的HTML代码是( )A.<li><ui>...</li>B.<ul><li>...</ul>C.<Ol><li>...<Ol>D.<li><ol>...</li>10.html语言中,创建一个位于文档内部的靶位的标记是?( )A. <name="NAME">B. <name="NAME"></name>C. <a name="NAME"></a>D. <a name="NAME">11.HTML文本显示状态代码中,<SUP></SUP>表示? ( )A. 文本加注下标线B. 文本加注上标线C. 文本闪烁D. 文本或图片居中12.html语言中,设置围绕表格的边框的宽度的标记是?( )A. <table border=#>B. <table cellspacing=#>C. <table cellpadding=#>D.<table width=# or%>13.<frameset cols=#>是用来指定什么的?( )A. 混合分框B. 纵向分框C. 横向分框D.任意分框14.能够设置成口令域的是( )A. 只有单行文本域B. 只有多行文本域C. 单行、多行文本域D. 多行“Textarea”标识15.在HTML中,<form method=?>,method表示( )A.提交的方式B.表单所用的脚本语言C.提交的URL地址D.表单的形式16.增加表单的复选框的HTML代码是( )A.<input type=submit>B.<input type=iamge>C.<input type=text>D.<input type=checkbox>17.增加表单的密码域的HTML代码是( )A.<input type=submit>B.<input type=password>C.<input type=radio>D.<input type=checkbox>18.定义表行的HTML是( )A.<table>B.<td>C.<tr>D.<th>19.跨多行的表元的HTML代码为( )A.<th colspan=#>B.<th rowspan=#>C.<td colspan=#>D.<td rowspan=#>20.嵌入多媒体文本的HTML的基本语法是( )A.<embed url=#></embed>B.<embed src=#></embed>C.<a src=#></embed>D.<a url=#></embed>二、判断题(每小题2分,共40分)1、统一资源定位器(Uniform Resource Locator, URL),用于指定要取得的Internet资源的位置与方式。
css试题及答案大全
css试题及答案大全CSS试题及答案大全1. 以下哪个选择器用于选择ID为"header"的元素?A. #headerB. .headerC. [id="header"]D. header答案:A2. CSS中,下列哪个属性用于设置文本颜色?A. colorB. font-colorC. text-colorD. text答案:A3. 如何在CSS中创建一个类选择器?A. #classB. .classC. [class="class"]D. class答案:B4. 如果你想改变一个段落的背景颜色,你应该使用哪个CSS属性?A. background-colorB. backgroundC. bg-colorD. color答案:A5. CSS中,哪个属性用于设置元素的边框样式?A. border-styleB. borderC. styleD. border-type答案:B6. 如何在CSS中设置元素的内边距?A. paddingB. marginC. spacingD. gap答案:A7. 以下哪个CSS属性用于设置元素的外边距?A. marginB. paddingC. borderD. space答案:A8. 如何在CSS中设置文本的字体大小?A. font-sizeB. text-sizeC. sizeD. font答案:A9. CSS中,哪个属性用于设置元素的宽度?A. widthB. sizeC. dimensionD. span答案:A10. 如何在CSS中设置元素的边框颜色?A. border-colorB. colorC. borderD. frame-color答案:A11. CSS中,哪个属性用于设置元素的边框宽度?A. border-widthB. widthC. borderD. frame-width答案:A12. 在CSS中,如何设置元素的字体样式?A. font-styleB. styleC. fontD. text-style答案:A13. 如何在CSS中设置元素的行高?A. line-heightB. heightC. lineD. spacing答案:A14. CSS中,哪个属性用于设置元素的文本对齐方式?A. text-alignB. alignC. textD. alignment答案:A15. 如何在CSS中设置元素的边框圆角?A. border-radiusB. roundC. curveD. circle答案:A16. CSS中,哪个属性用于设置元素的透明度?A. opacityB. transparentC. see-throughD. clear答案:A17. 如何在CSS中设置元素的背景图片?A. background-imageB. imageC. bg-imageD. img答案:A18. CSS中,哪个属性用于设置元素的背景颜色?A. background-colorB. colorC. backgroundD. bg-color答案:A19. 如何在CSS中设置元素的背景重复方式?A. background-repeatB. repeatC. bg-repeatD. pattern答案:A20. CSS中,哪个属性用于设置元素的背景大小?A. background-sizeB. sizeC. bg-sizeD. dimension答案:A。
html和css试题
以下是一些关于HTML和CSS的基础试题,涵盖了常见的标签、样式、布局等方面。
这些问题可以帮助评估对HTML和CSS的基本理解和运用能力。
HTML试题:
1. 解释HTML是什么,它的缩写代表什么?
2. HTML5相对于HTML4有哪些新特性?
3. 什么是HTML元素?举例说明块级元素和行内元素的区别。
4. HTML中的`<!DOCTYPE>`是做什么用的?
5. 请简要描述HTML中的"语义化"是什么意思。
CSS试题:
1. CSS是什么,它的缩写代表什么?
2. 什么是CSS选择器?请列举至少三种选择器。
3. 请解释CSS中的盒模型,包括盒子的哪些部分。
4. 什么是CSS浮动?如何清除浮动?
5. 解释CSS中的层叠(Cascading)是什么意思。
综合试题:
1. 创建一个HTML页面,包含一个标题(h1)、一个段落(p)和一个链接(a),链接指向百度。
2. 使用CSS样式使得页面中的标题文本颜色为红色,段落文本颜色为蓝色。
3. 创建一个带有导航栏的HTML页面,包括至少三个链接,导航栏在页面的顶部。
4. 使用CSS设置页面背景颜色为灰色,导航栏背景颜色为黑色。
5. 创建一个两列布局的HTML页面,左侧列宽度为30%,右侧列宽度为70%。
这些试题涵盖了HTML和CSS的基础知识,通过回答这些问题,可以考察对这两种技术的理解和应用水平。
HTMLCSS题库
HTMLCSS题库⼀、填空题1.使⽤⽂本编辑器编辑完HTML后,扩展名可以是__html___或___htm__。
2.表格的标签是____table______,单元格的标签是____td______。
3.在编辑table表格时,合并⾏使⽤ __rowspan_____合并列使⽤_____colspan____。
4.在CSS层叠样式表当中经常⽤到的三种选择器:___元素选择器___、__类选择器__、__id选择器__。
5.在JavaScript脚本语⾔当中,定义函数使⽤___function__单词表⽰。
6.⽤来输⼊密码的表单域是___ input标签type属性等于password ____。
7.⽂件头标签也就是通常所见到的 _head___ 标签。
8.预格式化⽂本标记<pre></pre>的功能是___标记内的内容按照原格式显⽰在⽹页当中______。
9.__超链接___是⽹页与⽹页之间联系的纽带,也是⽹页的重要特⾊。
10.表单是Web__客户端__和Web__服务器___之间实现信息交流和传递的桥梁。
11.<tr>….</tr>是⽤来定义__表格的⼀⾏____;<td>…</td>是⽤来定义___表格的⼀列___;12.在⽹页中插⼊背景图案(⽂件的路径及名称为/img/bg.jpg)的语句是__<body background=/img/bg.jpg>_____。
13.设定图⽚⾼度及宽度的属性是___ height\width ____。
14.window的 ___onload___ 事件在浏览器完成页⾯加载后⽴即触发。
15.Javascript⾥Math的___ random()____⽅法返回介于0和1之间的伪随机数。
16.获得焦点的事件___ onfocus __,失去焦点的事件___ onblur ___。
html-css试卷
html-css试卷测试说明1、此试卷分三部分:HTML测试,CSS测试,综合测试;HTML部分主要测试的是HTML标签,CSS部分主要测试的是CSS应⽤,综合部分测试的是⼆者的结合应⽤;2、HTML测试,请将代码都写在html_test.html⽂件⾥;3、CSS测试,请将html代码写在css_test.html⽂件⾥,css代码写在style01.css⽂件中;4、综合测试,请将html代码写在complex.html⾥,css代码写在style02.css中;5、HTML测试中⽤到的样式请全部⽤HTML属性实现,CSS测试和综合测试中的样式实现请⽤CSS代码,也可以⽤HTML属性。
6、此次测试所有⽤到的图⽚都放在images⽂件下;7、此次测试中如果有⽇⽂,可以换成其它⽂字;HTML 测试1.请参照下图做⼀张表格效果如下:2.⽤标签显⽰⼀张图⽚(sushi2_thumb.jpg)效果如下:3.将下⾯的效果⽤列表标签体现出来。
效果如下:4.⽤form标签做⼀个form表单。
效果如下:要求性别部分,当点击“男⼥”⽂字部分也可以选中/取消选中radio.CSS 测试1.按以下要求给div设置样式给下⾯ div 标签加⼀个class属性,并在样式⽂件(style.css)中给它加上样式,单位请⽤像素:宽:300,⾼:100,边框宽度:1像素,边框类型:实线,边框颜⾊:⿊⾊,⾥⾯的⽂字居中显⽰,并设置外边距上:10 ,下10,左20,右:30;内边距:上:10,下:10,左:20,右:20。
背景颜⾊:#cccccc,字体⼤⼩:20效果如下:2.按以下要求给div设置背景图⽚div宽:300,⾼:100,边框宽度:1,边框类型:点划线,边框颜⾊:⿊⾊,背景图⽚:sushi2_thumb.jpg。
效果如下:3.⽤表格标签和css样式实现以下效果。
效果如下:4.float布局⽤float属性实现以下DIV左右布局,HTML标签给你们⼀个参考,如下,也可⾃⼰写,只要效果实现就⾏。
HTMLCSSDiv测试题
"网页设计"练习题集一、单项选择题1. 在HTML中,标记<pre>的作用是(B )。
A.标题标记B.预排版标记 C.转行标记D.文字效果标记2.在CSS中使用背景图片需要使用参数〔 B 〕A.imageB.urlC.style D.embed3.在CSS的文本属性中,文本修饰的取值text-decoration:overline表示〔C 〕A.不用修饰B.下划线C.上划线D.横线从字中间穿过4.在CSS的文本属性中,文本修饰的取值text-decoration:underline表示〔B〕A.不用修饰B.下划线C.上划线D.横线从字中间穿过5.下面哪一个属性不是文本的标签属性?〔A〕A.nbsp; B.align C.color D.face6.在CSS的文本属性中,文本修饰的取值text-decoration:line-through表示〔D〕A.不用修饰B.下划线C.上划线D.横线从字中间穿过7.外部式样式单文件的扩展名为〔 D 〕A..jsB..domC..htm D..css8. 超级是一种( A )的关系。
A. 一对一B. 一对多C. 多对一D. 多对多9.关于文本对齐,源代码设置不正确的一项为哪一项:〔A〕A.居中对齐:<div align="middle">…</div>B.居右对齐:<div align="right">…</div>C.居左对齐:<div align="left">…</div>D.两端对齐:<div align="justify">…</div>11.为了标识一个HTML文件应该使用的HTML标记是( C )A.<p> </p>B.<boby> </body>C.<html> </html>D.<table> </table>12.下面哪一项为哪一项换行符标签?〔C〕A.<body> B.<font> C.<br> D.<p> 13.以下哪一项为哪一项在新窗口中翻开网页文档。
HTMLCSS多选题
HTML/CSS多选题A、<b></b>(正确答案)B、<del></del>(正确答案)C、<i></i>(正确答案)D、<u></u>(正确答案)答案解析:暂无解析下列标记中,能使文字变为斜体的是()A、<i>(正确答案)B、<em>(正确答案)C、<u>D、<ins>答案解析:<i>和<em>标记使文字变为斜体,<u>和<ins>标记用来给文字加下划线。
下列选项中,属于“target”属性值的是()A、_doubleB、_self(正确答案)C、_newD、_blank(正确答案)答案解析:target用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,意为在原窗口中打开,_blank为在新窗口中打开。
下面的选项中,支持透明的图像是哪一项?()A、jpg格式B、gif格式(正确答案)C、psd格式D、png格式(正确答案)答案解析:在这4个选项中,只有gif和png图像支持透明。
关于标记,下列说法正确的是()。
A、<br/>标记和<p>标记具有相同的语义B、使用换行标记<br/>的段落可以实现强制换行的效果(正确答案)C、在代码中,可以直接通过回车来实现换行效果,从而不用使用<br/>标记D、<br/>标记可以连续使用,比如<br/><br/>(正确答案)答案解析:在HTML中,任何的空格、换行、TAB缩进产生的空白,都将被折叠为一个空格,这个现象称为“空白折叠”现象。
所以不能直接通过回车来实现换行效果。
使用换行标记<br />的段落可以实现强制换行的效果,但是并没有赋予文本“段落”的语义。
htmlcss笔试附答案
a {decoration:no underline}
D、
a {te*t-decoration:none}
正确答案:D
35、
在*HTML中,〔〕可以在网页上通过直接翻开客户端的发送工具发送电子
A、
<href="telnet:zhangmingaptech.">发送反应信息</A>
B、
<href="mail:zhangmingaptech.">发送反应信息</A>
D、
ID选择器在CSS样式表具有最高优先级
正确答案:C
2、
以下选项中,不是页面布局模型的是〔〕
A、
盒子模型
B、
层模型
C、
流动模型
D、
浮动模型
正确答案:A
3、
以下不是float属性的是〔〕
A、
left
B、
none
C、
right
D、
all
正确答案:D
4、
在CSS中,关于BO*的margin属性的表达正确的选项是〔〕
D、
#bo*{width:100p*;height:50p*; position:relative;}
正确答案:B
23、
css中body{ padding-left:20p*;}表示〔〕
A、
页面左边的表格大小
B、
页面左边的空白大小
C、
页面左边的可用区域大小
D、
页面左边的可编辑区域大小
正确答案:B
24、
以下选项,用来设置背景图像URL的样式属性是〔〕
A、
background-image
B、
background-repeat
HTMLCSS单选题型
HTML/CSS单选题型#father .son{ color:red;}#father p{ color:blue;}div .son{ color:yellow; }divp{ color:green;}那么,文字的颜色将显示为() [单选题]A、红色(正确答案)B、蓝色C、黄色D、<p>绿色</p>答案解析:<p>定义CSS样式时,经常出现两个或更多规则应用在同一元素上,这时就会出现优先级的问题。
CSS为每一种基础选择器都分配了一个权重,其中,标记选择器具有权重1,类选择器具有权重10,id选择器具有权重100。
下面,计算题目中四个选择器的权重如下:</p><p>#fater #son的权重是200</p><p>#father p 的权重是101</p><p>div .son 的权重是11</p><p>div p 的权重是2</p><p>所以,文字颜色应该以权重最高的#father #son设置的样式为准,显示为红色。
</p>若超链接的href属性,需要链接到list页面中的one锚点,以下书写正确的是() [单选题]A、list.htmlB、#one.listC、list#oneD、list.html#one(正确答案)答案解析:创建锚点链接时,应该先写链接页面再写锚点名称。
下列选项中,字号最大的是哪一项?() [单选题]A、<h1>(正确答案)B、<h2>C、<h3>D、<h4>答案解析:HTML提供了6个等级的标题,即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>字号依次递减。
HTML+CSS基础考题含答案
一专多能裁切试题姓名:________ 职位______________(注:PS为Photoshop、DW为Dreamweaver)一、判断正误(1)HTML标记符的属性一般不区分大小写。
(对)(2)网站就是一个链接的页面集合。
(对)(3)HTML是HyperText Markup Language(超文本标记语言)的缩写。
(对)(4)所有的HTML标记符都包括开始标记符和结束标记符。
(错)(5)用H1标记符修饰的文字通常比用H6标记符修饰的要小(错)。
(6)B标记符表示用粗体显示所包括的文字。
(对)(7)GIF格式的图象最多可以显示256种颜色。
(对)(8)在Dreamweaver中它只能对HTML文件可以进行编辑。
(错)(9)Photoshop存储文件时,默认的是PSD格式文件。
(对)(10)Photoshop里的文字被栅格化后,不能对其字体做修改了。
(对)二、单项选择题目1.PS中切片工具的快捷键是哪个?( C )A.XB.ctrl+CC.CD.ctrl+X2.在PS中如何复制出相同大小的切片( C )A.Ctrl+VB.按住Ctrl键拖拉切片C.按住Alt键拖拉切片D.同时按住Ctrl+Alt键拖拉切片3.请选出哪个不是块级元素( D )A.PB.D IVC.U LD.SPAN4.HTML中注释的写法正确的是(A)A、<!---->B、/**/C、//D、“”5.在PHOTOSHOP中,显示或隐藏<图层>面板的快捷键是(c)A、F5B、F6C、F7D、F86.在PHOTOSHOP中,新建普通图层的快捷键是(a)A.CTRL+SHIFT+N;B.CTRL+ALT+N;C.CTRL+SHIFT+ALT+N;D.CTRL+N;7、CSS是利用什么XHTML标记构建网页布局?(b)A、<dir>B、<div>C、<dis>D、<dif>8,下列选项中不属于CSS文本属性的是(d)A、font-sizeB、text-transformC、text-alignD、line-height9,清除浮动的CSS写法正确的是(B)A.clear:noneB.clear:bothC.clear:leftD.clear:right10,下列哪一项是css正确的语法构成?(C)A.body:color=blackB.{body;color:black}C.body{color:black;}D. {body:color=black(body}三、多选题{总计:40分}1、在PS中,输出常用的三种图片格式是(ACE)A:JPGB:PNG-8C:PNG-24D:WBMPE:GIFF:IMG2、在开始切图前后需要注意哪些,下列说法正确的是(ABD)A. 提前和设计沟通是否有特别要注意的地方B. 如若电话号码特殊字体要和设计或策划沟通是否切图C. 对比策划稿,看设计稿是否有板块出入D. 有特殊交互效果要和程序要提前知会程序看是否能实现E. 保存的全屏切片大小不能超过500K3、做完PC网站需要测试的浏览器有哪些(ABCDEF)A、IE各浏览器B、火狐C、360浏览器D、猎豹浏览器E、搜狗浏览器F、谷歌浏览器4、"在Dreamweaver中,中文输入时欲键入空格应该怎么做?(___BC______)A. 在编辑窗口直接输入一个半角空格B. 代码中输入“ ”C.在编辑窗口输入一个全角空格D. 在编辑窗口输入两次空格5、下列说法正确的是(AC)A、检查本项目的裁切稿有没有出现其他项目的名字(如公司名字)B、网站无效样式代码无须清除,以便后期修改C、检查裁切稿和设计稿的差距。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
计算机高计一班《HTML/CSS》考试试卷(时间:90分钟)姓名____________________学号___________________计分____________________一、填空题:(60分)1.WWW是(1)____________________的缩写,中文叫做(2)____________________。
2.Hyper Text Transfer Protocol的中文翻译为(3)____________________,Hyper TextMarkup Language的中文翻译为(4)____________________。
3.目前,最常用的两种浏览器为(5)____________________和(6)____________________(写出中文名称或者英文名称)。
4.Uniform Resource Locator的中文翻译为(7)____________________,也可把其称为(8)____________________,它用于指定要取得的Internet上资源的位置与方式。
5.主页既是一个网页,但其作为一个网站的起始点,又是一个特殊的网页,作为个人站点,其主页文件名一般为(9)____________________。
6.一个HTML文件是由一系列的元素和(10)____________________组成的。
7.从代码的角度来看,一个HTML文件的基本结构为:<HTML>(11) ____________________</HTML>。
8.(12) ________________标签用于划分段落,(13) ________________标签用于强行换行。
9.<Hn>标签共有(14) ____________级,文字设置下划线的标签是(15) ____________。
10.<FONT>标签的SIZE属性的取值为(16)______________,默认值为(17)____________。
11.<HR>标签的ALIGN属性值有三种,分别是(18)____________________。
12.<A>标签至少应具有HREF属性或者(19)__________属性,它的TARGET属性用于指定打开链接的(20)____________________。
13.按要求将文字“目标”制作成为相应链接:A.链接到HTML文档的顶端(21)____________________;B.链接到邮箱ABC@(22)____________________。
14.通过<BODY>标签的几个属性(23)____________________可以设置链接文字的颜色。
15.网页中使用的图片格式通常有GIF格式和(24)_________格式,其中(25)________格式的图片只支持256种颜色。
16.在<BODY>标签中设置网页背景颜色和背景图片的属性分别是(26)_________________。
17.如要将图像设置成为一个超链接,应将<IMG>标签(27)___________________________。
18.网页中的表格至少需要(28)__________________________等几个标签进行定义。
19.表格中BORDER属性用于设置(29)_________________的宽度,CELLSPACING属性用于设置(30)_________________的宽度,CELLPADDING用于设置(31)_________________的宽度。
20.不显示表格的内部分隔线,只显示外框线,使用(32)_____________________________语句设置表格的属性。
21.表格的列分组使用标签(33)_________________,其SPAN属性是可选的,默认值为1。
22.<FRAMESET COLS=”150,2*,*”>表示将窗口分为三列,第一部分的宽度为(34)_______(指明单位),第二部分的宽度为(35)_________________。
23.浮动窗口通过(36)_________________标签实现,它可以出现在网页的任何位置。
24.<INPUT>是表单中的主要标签,当其TYPE属性值为(37)_________________时,表示产生一个提交按钮;当TYPE属性值为RADIO时,表示它是(38)_________________,这时NAME属性值应相同,但VALUE属性的值应是不同的。
25.<META HTTP-EQUIV=”REFRESH” CONTENT=”3;URL=”>的作用是(39)__________________________________。
26.滚动字幕的BEHAVIOR属性的取值有(40)_________种,DIRECTION属性取值有四种,分别是(41)_________________。
27.CSS的中文全称是(42)_________________。
样式表的宗旨是将网页的(43) ____________________________分离,使设计人员可以从另一角度全面的控制网页外观。
28.可以对任意HTML标签行内加入样式,其方法是为标签增加属性(44)__________。
29.要将当前网页中的所有<P>标签内的文字都设置为红色,可将样式表写入到当前网页的<HEAD>部分,该样式表的描述为(45)___________________________________________。
30.样式表可以单独地写入一文本文件,其扩展名为(46)_________________,在任何网页中都可以应用该样式表文件中定义的样式,方法为在网页的头部使用(47)____________标签与样式表文件连接。
31.样式表的选择符有多种表示方法,当样式表中有定义:.P1 {COLOR:RED},则网页中要应用该样式,相应的标签要增加的属性及值为(48)_________________;当样式表中有定义:#P2 {COLOR:BLUE},则网页中相应标签要增加的属性及值为(49)______________。
32.样式定义为:TD TABLE {BACKGROUND:YELLOW},表示网页中(50)_________________的背景颜色为黄色。
33.CSS中设置文字尺寸的单位有多种,常用的有PX和PT,如因为显示器的分辨率不同而使得文字大小不同,则文字大小的单位可能是(51)_________________。
34.IE5.0中可识别的伪类A:HOVER表示当鼠标(52)_______________时,链接文字的样式。
35.样式定义为{PADDING:2 3 4 5},表示网页中相应元素的内容与外框左端的内缘距离为(53)________个像素。
36.滤镜是CSS技术的一种应用。
ALPHA滤镜的作用是可以产生(54)_________________效果,DROPSHADOW与SHADOW滤镜都用于产生(55)_______________效果,它们的区别是(56)_____________________________。
37.<DIV>与<SPAN>标签都用于定义网页中的(57)_________________,一般情况下定义层应使用(58)___________标签。
38.网页中的注释标签是(59)_________________。
39.CSS的多种定义方法如同时使用,最优先的是(60)_________________。
二、判断题:(20分)1.()FTP是在INTERNET上传送网页文件的传输协议。
2.()浏览器能翻译HTML文件中的HTML代码,进行格式化,并显示文件内容。
3.()HTML是一种高级程序语言,它易学易用,非常简单。
4.()HTML用标签来规定元素的属性和它在文件中的位置。
5.()HTML语言书写的网页在任何的浏览器中的显示效果都是一样的。
6.()指明网页中使用的图片时使用的路径最好使用绝对路径表示。
7.()VLINK属性的作用是设置鼠标移至链接文字上方时链接文字的颜色。
8.()<IMG>标签的ALT属性可用于为图片增加提示文字。
9.()JPEG图像可支持透明背景及动画效果。
10.()<LI>标签不可以单独使用,必须嵌套在<UL>或<DL>中。
11.()网页中的表格常用于网页布局,但在布局时,表格不可以嵌套。
12.()表格可以同时具有行分组和列分组。
13.()框架网页中<BODY>标签只可以放在<NOFRAME>标签中。
14.()<INPUT>标签有两个不可默认的属性NAME和TYPE。
15.()<DIV>区域内的对象与区域外的上下文不会自动换行。
16.()ID与CLASS类选择符不但语法不同,而且显示在网页上的效果也不一样。
17.(){BACKGROUND-REPEAT:REPEAT-X}表示设置背景图片横向重复。
18.()样式表的POSITION属性,在未定义定位方式时,LEFT与TOP的值是无用的。
19.()CSS滤镜仅可以改变图形的外观,对文字对象不起作用。
20.()浏览器版本越高,能够支持的CSS滤镜也就越多。
三、综合题:1.看下图写出相应的框架网页:(5分)2.看下图写出相应的表格代码:(5分)2行高300像素;线宽为0;单元格间隔为1;表格整体显示为白色,分隔线显示为红色;3.根据要求写出独立样式表文件。
(10分)1)设置网页的背景为黑色,左上角显示图片T1.JPG,不重复,滚动;2)设置网页中所有的文字为白色,大小为9磅,所有表格内的文字颜色为红色,所有加粗文字颜色为黄色并加下划线;3)设置所有表格的背景色为浅绿色,宽度为600像素;4)设置<DIV>区域内的表格背景图片为T2.GIF,文字颜色为兰色;5)网页中所有图片以底片方式显示;答卷一、填空题:二、判断题:三、综合题:(如写不下,请写在反面)1、写出框架网页:2、写出表格:3、写出样式表:。