html+css笔试附标准答案

合集下载

HTML+CSS技能测试(带标准答案)

HTML+CSS技能测试(带标准答案)

填空题:1.在HTML显示单选框的代码是:<input type= radio/>。

2.写出HTML代码中的所有单标签<br><hr><img><input><param><meta><link>。

3.文字居中的CSS代码是____text-align:center________。

4.<input id=’user’ class=’user’type=’text’ >,根据代码书写其属性选择器[type=’text’]5.为div设置类a与b,应编写HTML代码_<divclass=”a b”>_</div>_________。

6.在CSS中边框使用:border 内边距:padding外边距: margin 。

7.Li 标签必须直接嵌套于ul、ol中。

8.CSS属性overflow用于设置元素超过宽度时是否隐藏或显示滚动条。

9.10.HTML锚点实现使用属性name 与链接的href属性配合完成。

单选题:1.HTML指的是?( A )A.超文本标记语言(HyperText MarkupLanguage)B.家庭工具标记语言(Home Tool Markup Language)C.超链接和文本标记语言(Hyperlinks and Text MarkupLanguage)D.超级标记语言(Super markup language)2.Web 标准的制定者是?(B )A.微软(Microsoft)B.万维网联盟(W3C)C.网景公司(Netscape)D.腾讯公司(Tencent)3.下列说法描述正确的是?AA.HTML 不是一种编程语言,而是一种标记语言 (markup language)B.HTML 代码不能用文本编辑工具编写C.HTML中的标签全部都是成对出现的D.HTML的head部分与body部分书写位置可以嵌套4.在下列的HTML 中,哪个是最大的标题?( D )A.<h6>B.<head>C.<heading>D.<h1>5.下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( C )ﻫA.display:inline B.display:none C.display:block D. display:inheric6.选出你认为最合理的定义标题的方法( C )ﻫA. <span class=”heading”>文章标题</span>ﻫB.<p><b>文章标题</b></p>ﻫC.<h1>文章标题</h1>ﻫD. <strong>文章标题</strong>7.br标签在HTML中语义为( A )A.换行B.强调C.段落D.标题8.下面对于Web应用描述正确的是?( C )A.Web应用只能使用HTML5+CSS3开发B.Web基于浏览器才能运行,所以开发成本很高C.Web应用可以及时上线,免去审核烦恼D.Web应用的用户体验感非常好9.HTML指的是?( A )A.超文本标记语言(Hyper TextMarkupLanguage)B.家庭工具标记语言(HomeTool MarkupLanguage)C.超链接和文本标记语言(Hyperlinksand Text Markup Language)D.HTML指的是普通的文本开发语言(Hyper Text Markup Language)10. HTML5之前的HTML 版本是?( A )A.HTML 4.01B.HTML 4C.HTML 4.1D.HTML 4.911.在HTML代码中,下列哪个可以插入折行、换行?( A )A.<br>B.<lb>C.<rb>D.<break>12.请选择产生粗体字的HTML标签:(C)A.<bol d>B.<bb>C.<b>D.<bl d>13.如何制作电子邮件链接?(C )A.<a href="xxx@yyy">B.<mail href="xxx@yyy">C.<ahref="mailto:xxx@yyy">D.<mail>xxx@yyy</mail>14.在下列HTML代码中,哪个可以添加背景颜色?( C )A.<body col or=’red’>B.<background>red</background>C.<body bgcol or=’red’>D.<body col or:red>15.以下选项中能产生斜体字的HTML标签是?( A )A.<i>B.<italics>C.<ita>D.<ii>16.如何在新窗口打开链接?( B )A.<a href="url"new>B.<ahref="url" target="_blank">C.<a href="url"target="new">D.<a href="url"target="_self">17.下列HTML代码中,哪个可以产生超链接?( B )。

HTML测试题-(含答案)-(自动保存的)

HTML测试题-(含答案)-(自动保存的)

G1 HTML+CSS测试题(笔试)1.在html中,样式表按照应用方式可以分为三种类型,其中不包括()。

A.内嵌样式表B.行内样式表C.外部样式表文件D.类样式表2.在HTML中,可以使用()标记向网页中插入GIF动画文件。

A.<FORM>B.<BODY>C.<TABLE>D.<IMG>3.在HTML上,将表单中INPUT元素的TYPE属性值设置为()时,用于创建重置按钮。

A.resetB.setC.buttonD.image4.分析下面的HTML代码段,该页面在浏览器中的显示效果为()。

<HTML><body><marquee scrolldelay="200" direction="right">Welcome!</marquee> </body></HTML>A.从左向右滚动显示“Welcome!”B.从右向左滚动显示“Welcome!”C.从上向下滚动显示“Welcome!”D.从下向上滚动显示“Welcome!”5.在制作HTML页面时,页面的布局技术主要分为()。

A.框架布局B.表格布局C.DIV层布局D.以上全部选项6.如果在catalog.htm中包含如下代码,则该HTML文档IE浏览器中打开后,用户单击此链接将( )。

<A HREF="#novel">小说</a>A.使页面跳转到同一文件夹下名为“novel.html”的HTML文档B.使页面跳转到同一文件夹下名为“小说.html”的HTML文档C.使页面跳转到catalog.htm包含名为“novel”的锚记处D.使页面跳转到同一文件夹下名为“小说.html”的HTML文档中名为“novel”的锚记处7.要在网页中显示如下文本,要求字体类型为隶书、字体大小为6,则下列HTML代码正确的是()。

HTMLCSS操作上机试题及答案

HTMLCSS操作上机试题及答案

HTMLCSS操作上机试题及答案一、单项选择题(每题2分,共10分)1. HTML5中用于定义文档类型和HTML版本的标签是:A. <!DOCTYPE html>B. <html>C. <head>D. <body>答案:A2. CSS中用于选择类名为“example”的元素的语法是:A. #exampleB. .exampleC. [class="example"]D. example答案:B3. 在HTML中,用于创建无序列表的标签是:A. <ul>B. <ol>C. <li>D. <dl>答案:A4. CSS中,下列哪个属性用于设置文本的颜色?A. colorB. font-colorC. text-colorD. text答案:A5. HTML中,用于插入图片的标签是:A. <img>B. <image>C. <picture>D. <img src>答案:A二、填空题(每空2分,共10分)1. 在HTML中,用于创建一个超链接的标签是______。

答案:<a>2. CSS中,用于设置元素的背景颜色的属性是______。

答案:background-color3. HTML中,用于定义文档的头部的标签是______。

答案:<head>4. CSS中,用于设置元素的内边距的属性是______。

答案:padding5. 在HTML中,用于创建一个表格的标签是______。

答案:<table>三、简答题(每题5分,共10分)1. 请简述HTML和CSS的关系。

答案:HTML负责网页的结构和内容,而CSS负责网页的样式和布局。

2. 请说明CSS选择器的优先级规则。

答案:CSS选择器的优先级从高到低依次为:内联样式 > ID选择器 > 类选择器 > 标签选择器 > 伪类选择器 > 伪元素选择器 > 通配选择器。

htmlcssjs考试题及答案

htmlcssjs考试题及答案

htmlcssjs考试题及答案HTML/CSS/JS考试题及答案一、选择题(每题3分,共30分)1. HTML5中,哪个元素用于定义最重要的标题?A. `<h1>`B. `<h6>`C. `<p>`D. `<div>`答案:A2. CSS中,哪个属性用于设置文本的颜色?A. `color`B. `background-color`C. `font-size`D. `text-align`答案:A3. 在HTML中,`<form>`元素的哪个属性用于指定表单数据提交到服务器的URL?A. `action`B. `method`C. `type`D. `href`答案:A4. JavaScript中,哪个函数用于将字符串转换为小写?A. `toLowerCase()`B. `toUpperCase()`C. `trim()`D. `replace()`答案:A5. CSS中,哪个选择器用于选择类名为“header”的所有元素?A. `.header`B. `#header`C. `header`D. `[name="header"]`答案:A6. 在HTML中,哪个元素用于定义客户端脚本?A. `<script>`B. `<noscript>`C. `<embed>`D. `<object>`答案:A7. JavaScript中,哪个对象用于处理浏览器窗口?A. `window`B. `document`C. `navigator`D. `screen`答案:A8. CSS中,哪个属性用于设置元素的宽度?A. `width`B. `height`C. `max-width`D. `min-width`答案:A9. HTML5中,哪个元素用于定义一个节或文档的一部分?A. `<section>`B. `<article>`C. `<div>`D. `<header>`答案:A10. JavaScript中,哪个方法用于将字符串分割成数组?A. `split()`B. `join()`C. `slice()`D. `substring()`答案:A二、填空题(每题4分,共20分)1. HTML中的`<meta>`标签用于提供______信息。

2023前端HTML+CSS最全面试题和答案汇总

2023前端HTML+CSS最全面试题和答案汇总

2023前端HTML+CSS最全面试题和答案汇总一、HTML试题与答案1. 以下哪项是HTML文档的正确结构?A. `<html><head><body>...</body></head></html>`B. `<html><head>...</head><body>...</body></html>`C. `<body><head>...</head></body>`D. `<html><body>...</body><head>...</head></html>`答案:B解析:HTML文档的正确结构是`<html>`包含`<head>`和`<body>`两个部分,其中`<head>`用于定义文档的头部信息,如标题、样式和脚本等,而`<body>`部分则包含网页的主要内容。

2. 在HTML中,如何定义一个有序列表?A. `<ul><li>...</li></ul>`B. `<ol><li>...</li></ol>`C. `<dl><dt>...</dt><dd>...</dd></dl>`D. `<div>...</div>`答案:B解析:有序列表在HTML中使用`<ol>`标签定义,每个列表项使用`<li>`标签。

3. 如何在HTML文档中插入一幅图像?A. `<img src="image.jpg" alt="描述信息">`B. `<img href="image.jpg" alt="描述信息">`C. `<image src="image.jpg" alt="描述信息">`D. `<img link="image.jpg" alt="描述信息">`答案:A解析:在HTML中,使用`<img>`标签插入图像,`src`属性用于指定图像的路径,`alt`属性提供图像的替代文本。

HTML和CSS基础考试 选择题50题 附答案

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考试试题及答案

html考试试题及答案

html考试试题及答案HTML考试试题及答案一、单选题(每题2分,共20分)1. HTML5中,用于定义文档类型和HTML版本的标签是()。

A. <!DOCTYPE html>B. <html>C. <head>D. <body>答案:A2. 在HTML中,用于插入图片的标签是()。

A. <img>B. <image>C. <picture>D. <photo>答案:A3. HTML中,用于定义最重要的标题的标签是()。

A. <h1>B. <h6>C. <h3>D. <h5>答案:A4. 下列哪个属性用于设置超链接的目标窗口()。

A. hrefB. srcC. targetD. alt答案:C5. HTML中,用于创建无序列表的标签是()。

A. <ul>B. <ol>C. <dl>D. <menu>答案:A6. 在HTML中,用于定义文档头部的标签是()。

A. <head>B. <header>C. <title>D. <h1>答案:A7. HTML5中,用于定义一个节(section)的标签是()。

A. <section>B. <div>C. <article>D. <aside>答案:A8. 在HTML中,用于定义表格标题的标签是()。

A. <th>B. <td>C. <tr>D. <caption>答案:D9. HTML中,用于定义内联样式的属性是()。

A. styleB. classC. idD. src答案:A10. HTML5中,用于定义一个表单的标签是()。

html+css考试题及答案

html+css考试题及答案

达职院第一次内测(3月份)一、选择1. 在一个框架的属性面板中,不能设置下面哪一项。

( D )A.源文件; B.边框颜色; C.边框宽度D.滚动条2. 下列哪一项表示的不是按钮( C )A.type="submit" B.type="reset" C.type="image" D.type="button"3.下面哪一个属性不是文本的标签属性?( B )A.nbsp; B.align C.color D.Face4.下面哪一项的电子邮件链接是正确的?( D )A. B.xxx@.net C.xxx@com D.xxx@5.当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。

( C )A.ASP B.HTML C.ZIP D.CGI6.关于表格的描述正确的一项是。

( D )A.在单元格内不能继续插入整个表格B.可以同时选定不相邻的单元格C.粘贴表格时,不粘贴表格的内容D.在网页中,水平方向可以并排多个独立的表格7.如果一个表格包括有1行4列,表格的总宽度为“699”,间距为“5”,填充为“0”,边框为“3”,每列的宽度相同,那么应将单元格定制为多少像素宽。

( D )A.126 B.136 C.147 D.1678.关于文本对齐,源代码设置不正确的一项是:( A )A.居中对齐:<div align="middle">…</div>B.居右对齐:<div align="right">…</div>C.居左对齐:<div align="left">…</div>D.两端对齐:<div align="justify">…</div>9.下面哪一项是换行符标签?( C )A.<body> B.<font> C.<br> D.<p>10.下列哪一项是在新窗口中打开网页文档。

HTML+CSS基础考题含答案

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. 代码中输入“&nbsp;”C.在编辑窗口输入一个全角空格D. 在编辑窗口输入两次空格5、下列说法正确的是(AC)A、检查本项目的裁切稿有没有出现其他项目的名字(如公司名字)B、网站无效样式代码无须清除,以便后期修改C、检查裁切稿和设计稿的差距。

html+css笔试附问题详解

html+css笔试附问题详解
D、
<Style Type=”text/css”>P.firstp {color:red}</Style>
正确答案:B
21、
下列CSS语法规则正确的是()
A、
body:color=black
B、
{body;color:black}
C、
body {color: black}
D、
{body:color=black(body}
9、
background-repeat,默认效果是()
A、
背景图不平铺
B、
背景图横向平铺
C、
背景图纵向平铺
D、
背景纵向和横向上平铺
正确答案:D
10、
下列不属于浮动元素特征的是()
A、
浮动元素会被自动地设置为块状元素显示
B、
浮动元素在垂直方向上它与未被定义为浮动时的位置一样
C、
浮动元素在水平方向上,它将最大程度地靠近其父级元素边缘
A、
<Style Type=”text/css”>P {color:red}</Style>
B、
<Style Type=”text/css”>#firstp {color:red}</Style>
C、
<Style Type=”text/css”>.firstp {color:red}</Style>
B、
盒子的流动定位
C、
盒子的页面定位
D、
Position定位
正确答案:C
6、
以下代码片断中,属于静态定位的是()
A、
#bb{width:100px;position:relative }
B、
#bb{width:100px;position:sastic }

htmlcss笔试附答案

htmlcss笔试附答案
C、
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

前端笔试题及答案

前端笔试题及答案

前端笔试题及答案1. HTML/CSS 题目1.1 请解释HTML5中的语义化标签有哪些,并给出至少3个例子。

答案:HTML5中的语义化标签用于定义文档的结构,常见的语义化标签包括`<header>`、`<footer>`、`<article>`、`<section>`、`<nav>`、`<aside>`等。

其中,`<header>`用于定义文档或区段的页眉;`<footer>`用于定义文档或区段的页脚;`<article>`用于定义独立的内容区块。

1.2 CSS选择器有哪些类型?答案:CSS选择器主要有以下类型:- 标签选择器:如`div`、`p`、`span`等。

- 类选择器:如`.className`。

- ID选择器:如`#idName`。

- 属性选择器:如`[type="text"]`。

- 伪类选择器:如`:hover`、`:active`、`:nth-child(n)`等。

- 伪元素选择器:如`::before`、`::after`等。

2. JavaScript 题目2.1 解释JavaScript中的闭包是什么,并给出一个示例。

答案:闭包是一个函数和声明该函数的词法环境的组合。

闭包允许函数访问其定义时的作用域链,即使在其外部调用时。

示例如下:```javascriptfunction outerFunction() {var outerVariable = 'I am outer';function innerFunction() {console.log(outerVariable);}return innerFunction;}var inner = outerFunction();inner(); // 输出:I am outer```2.2 如何在JavaScript中实现深拷贝?答案:实现深拷贝的方法有多种,可以使用递归函数、JSON方法、结构赋值(Object.assign)等。

网页设计与制作(HTML+CSS)-题库带答案

网页设计与制作(HTML+CSS)-题库带答案

网页设计与制作(HTML+CSS)-题库带答案1、URL 称为()。

A、统一资源定位符B、客户机C、网络服务商D、远程访问答案: A2、万维网WWW以()方式提供世界范围的多媒体信息服务。

A、文本B、信息C、超文本D、声音答案: C3、W3C(英文World Wide Web Consortium的缩写),中文译为“万维网联盟”是()。

A、国际最著名的标准化组织B、欧洲计算机制造商协会C、中国计算机行业协会D、中国计算机学会答案: A4、网站是有多张网页组成的,请问正确吗?答案:正确5、网页包括静态网页和动态网页,请问正确吗?答案:正确6、下面哪个不属于标记?()A、 pB、 h1C、 fontD、 color答案: D7、将某段文本应用font标记设置为微软雅黑,16px,是设置font标记中哪两个属性?()A、 font-family sizeB、face sizeC、 font-family font-sizeD、 face font-size8、( )不属于元信息标记 <meta/>的属性。

A、 nameB、 contentC、 http-equivD、 url答案: D9、html文档的基本格式包括哪些标记?()A、!DoctypeB、 htmlC、 bodyD、 head答案: ABCD10、设置边框颜色是哪个属性A、 border-colorB、 vC、 dD、 f答案: A11、请问面向对象的三大特征是什么?答案:12、下面哪个不属于标记?()A、 pB、 h1C、 fontD、 color答案: D13、将某段文本应用font标记设置为微软雅黑,16px,是设置font标记中哪两个属性?()nA、 font-family sizeB、face sizeC、 font-family font-sizeD、 face font-size答案: B14、以下方式哪个实现将水平线粗细设置为2,宽度设置为500px?A、 <hr font-size=”2”width=”500%”/>B、<hr size=”2”width=”500%”/>D、 <hr size=”2”width=”500px”/>答案: D15、制作网页时,网页素材名、保存网页素材的文件夹名、网页文件名不可以以中文命名,而只能以英文、数字或下划线,或是三者的组合命名,这句话是对还是错?答案:正确16、对于初学者,计算机上必备的三大浏览器分别是()。

HTML+CSS试题有答案

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多个属性。

htmlcss考试试题及答案

htmlcss考试试题及答案

htmlcss考试试题及答案1. 以下哪个元素用于定义HTML文档的结构?A. `<head>`B. `<body>`C. `<html>`D. `<DOCTYPE>`答案:C2. CSS中,哪个属性用于设置元素的背景颜色?A. `background-color`B. `color`C. `bgcolor`D. `backcolor`答案:A3. 在HTML中,如何声明一个段落?A. `<p>`B. `<paragraph>`C. `<section>`D. `<div>`答案:A4. CSS中,`display`属性的哪个值可以使元素以块级元素显示?A. `inline`B. `block`C. `inline-block`D. `flex`答案:B5. HTML5中,哪个元素用于定义文档的头部?A. `<head>`B. `<header>`C. `<footer>`D. `<section>`答案:B6. CSS中,哪个选择器用于选择所有`<p>`元素?A. `p`B. `p:all`C. `p *`D. `p()`答案:A7. HTML中,`<img>`标签的哪个属性用于定义图像的URL?A. `src`B. `href`C. `url`D. `link`答案:A8. CSS中,`float`属性用于实现什么效果?A. 清除浮动B. 定位元素C. 使元素浮动到一边D. 隐藏元素答案:C9. HTML中,`<a>`标签的哪个属性用于指定链接的目标?A. `href`B. `src`C. `target`D. `action`答案:C10. CSS中,`z-index`属性用于控制什么?A. 元素的可见性B. 元素的尺寸C. 元素的堆叠顺序D. 元素的位置答案:C11. HTML中,`<form>`标签的哪个属性用于指定表单提交时的数据类型?A. `method`B. `action`C. `type`D. `enctype`答案:D12. CSS中,`margin`属性用于设置元素的什么?A. 内边距B. 外边距C. 边框D. 背景答案:B13. HTML5中,哪个元素用于定义文档的主要内容?A. `<article>`B. `<section>`C. `<main>`D. `<div>`答案:C14. CSS中,`text-align`属性的哪个值可以使文本居中对齐?A. `left`B. `right`C. `center`D. `justify`答案:C15. HTML中,`<input>`标签的哪个属性用于定义输入字段的类型?A. `type`B. `name`C. `value`D. `placeholder`答案:A。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
A、
h1 {background-color:#FFFFFF}
B、
h1 {background-color:#FFFFFF;}
C、
h1.all {background-color:#FFFFFF}
D、
#h1 {background-color:#FFFFFF}
正确答案:B
18、
以下选项中,不属于页面布局模型的是( )
A、
浮动模型
B、
盒子模型
C、
流动模型
D、
层模型
正确答案:B
19、
下列对样式单位中百分比单位描述有误的是( )
A、
一个百分比值由可选的正号"+"或负号"-"、接着的一个数字,还有百分号"%"
B、
在一个百分比值之中是没有空格的
C、
百分比值是相对于其它数值,不能用于定义每个属性
D、
最经常使用的百分比值是相对于元素的字体大小
A、
边距margin只能取一个值
B、
margin属性的参数有margin-left、margin-right、margin-top、margin-bottom
C、
margin属性的值不可为auto
D、
margin属性的参数值不能全部设置成0px
正确答案:B
5、
下列不属于盒子的定位的是( )
A、
浮动定位
正确答案:D
20、
下在代码使用HTML元素的ID属性,将样式应用于网页上的某个段落:<P id=”firstp”>这是一个段落</P>,下面选项中,( )正确定义了上面代码引用的样式规则
A、
<Style Type=”text/css”> P {color:red} </Style>
B、
<Style Type=”text/css”> #firstp {color:red} </Style>
hover伪类选择器
C、
clear属性
D、
overflow属性
正确答案:B
9、
background-repeat,默认效果是( )
A、
背景图不平铺
B、
背景图横向平铺
C、
背景图纵向平铺
D、
背景纵向和横向上平铺
正确答案:D
10、
下列不属于浮动元素特征的是( )
A、
浮动元素会被自动地设置为块状元素显示
B、
C、
我们在定义盒子的padding值时,若定义三个值则第一个值代表上下内边距,中间的值代表右边距,而最后一个值则代表左边距
D、
通常在网页设计中,盒子模型一般有3种
正确答案:D
12、
以下说法正确的是( )
A、
background-color:设置文字颜色
B、
back-corlor:设置背景色
C、
background-color:设置背景色
正确答案:B
15、
一般情况下,布局属性中溢出属性的默认值为( )
A、
隐藏
B、
滚动
C、
可视
D、
自动
正确答案:D
16、
能够设置文本加粗的样式属性是( )
A、
font-weight:bold
B、
style:bold
C、
font:b
D、
font-style:bold
正确答案:A
17、
给所有的<h1>标签添加背景颜色的是( )
D、
ID选择器在CSS样式表具有最高优先级
正确答案:C
2、
以下选项中,不是页面布局模型的是( )
A、
盒子模型
B、
层模型
C、
流动模型
D、
浮动模型
正确答案:A
3、
以下不是float属性的是( )
A、
left
B、
none
C、
right
D、
all
正确答案:D
4、
在CSS中,关于BOX的margin属性的叙述正确的是( )
B、
盒子的流动定位
C、
盒子的页面定位
D、
Position定位
正确答案:C
6、
以下代码片断中,属于静态定位的是( )
A、
#bb{width:100px;position:relative }
B、
#bb{width:100px;position:sastic }
C、
#bb{width:100px; }
D、
C、
#box{width:100px;height:50px; position:static;}
浮动元素在垂直方向上它与未被定义为浮动时的位置一样
C、
浮动元素在水平方向上,它将最大程度地靠近其父级元素边缘
D、
浮动元素有可能会脱离包含元素之外
正确答案:D
11、
下面关于盒子模型中的相关属性的阐述正确的是( )
A、
border属性是一个复合属性,若单独使用此属性,其子属性值的必须要按顺序书写
B、
在盒子模型的每个属性中,均可分为四个方向,分别为上、右、下、左;
D、
color:设置背景色
正确答案:C
13、
( )主要用来进行页面上的文字段落或图片的放置位置的设置
A、
盒子
B、
边框
C、
区块
D、
定位
正确答案:A
14、
怎样使一个层垂直居中于浏览器中( )
A、
padding: 50% 50%
B、
margin: 50% 50%
C、
margin: 0 auto
D、
margin: -100 auto
#bb{width:100px;position:absolute}
正确答案:A
7、
下列选项中,用来改变背景颜色的样式属性是( )
A、
background-color
B、
bgcolor
C、
color
D、
backgroundcolor
正确答案:A
8、
以下选项中不能实现清除浮动的是( )
A、
空div
B、
C、
<Style Type=”text/css”> .firstp {color:red} </Style>
D、
<Style Type=”text/css”> P.firstp {color:red} </Style>
正确答案:B
21、
下列CSS语法规则正确的是( )
A、
body:color=black
B、
{body;color:black}
C、
body {color: black}
D、
{body:black(body}
正确答案:C
22、
以下代码片断中,属于绝对定位的是( )
A、
#box{width:100px;height:50px;}
B、
#box{width:100px;height:50px;position:absolute;}
窗体顶端
html+css
满分:172 分 考试时间:180 分钟
一、单选题(总分172,每小题1分)
1、
下列关于XHTML中的CSS样式表的说法正确的是( )
A、
CSS样式表的基本选择器有:标记选择器、Id选择器和类选择器及后代选择器
B、
CSS样式表仅具有继承性
C、
对于定义样式div .p{color:red;}意思是div下面的应用了类p的标签的字体颜色为红色
相关文档
最新文档