Web基础题(html+css)

合集下载

300道HTML、CSS习题及面试题(含答案)

300道HTML、CSS习题及面试题(含答案)

HTML+CSS习题及面试题1.[问答题]根据下面效果图设计页面:两点要求:1.自适应宽度,左右两栏固定宽度,中间栏优先加载;2.要考虑到换肤---------------------------------------------------------------------------------------------------------------------------- 来自:2011腾讯前端面试稿参考:1.自适应宽度,左右两栏固定宽度,中间栏优先加载,可以采用双飞翼布局。

<style type="text/css">*{ margin:0; padding:0px;}.header{ background:#666; text-align:center;}.body{ overflow:hidden;*zoom:1;}.wrap-2{ margin-top:30px;}.wrap-2 .main-2{ float:left; width:100%;margin-bottom:-3000px; padding-bottom:3000px;background:#F90;}.wrap-2 .main-wrap-2{ margin:0 200px 0 150px; }.wrap-2 .sub-2{ float:left; margin-left:-100%; width:150px; background:#6C0; margin-bottom:-3000px; padding-bottom:3000px;}.wrap-2 .extra-2{ float:left; margin-left:-200px; width:200px; background:#F9F; margin-bottom:-3000px; padding-bottom:3000px;}.footer{ background:#666; text-align:center;}</style><div class="wrap-2"><div class="header">Header</div><div class="body"><div class="main-2"><div class="main-wrap-2"><p>main-wrap</p><p>main-wrap</p></div></div><div class="sub-2"><p>sub</p><p>sub</p><p>sub</p></div><div class="extra-2"><p>extra</p><p>margin-left:350px; background:#CC0;margin-left:350px; background:#CC0;</p></div></div><div class="footer">Footer</div></div>2.使用最新的css3盒布局技术,它允许宽度自适应,改变元素显示顺序,优先加载重要区域。

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>`标签用于提供______信息。

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。

web基础知识的判断题

web基础知识的判断题

web基础知识的判断题
1. HTML是一种编程语言。

回答,错误。

HTML是一种标记语言,用于描述网页的结构和内容。

2. CSS用于控制网页的样式和布局。

回答,正确。

CSS(层叠样式表)用于控制网页的外观,包括样式、布局和动画效果等。

3. JavaScript是一种服务器端编程语言。

回答,错误。

JavaScript是一种客户端脚本语言,用于增加网页的交互性和动态效果。

4. HTTP是一种用于传输网页的协议。

回答,正确。

HTTP(超文本传输协议)是一种用于在客户端和服务器之间传输超文本的协议。

5. URL是网页的唯一标识符。

回答,正确。

URL(统一资源定位符)是用于定位和访问网页的地址。

6. Apache是一种常用的Web服务器软件。

回答,正确。

Apache是一种开源的Web服务器软件,广泛用于互联网上的网站。

7. Cookies用于在客户端存储用户的信息。

回答,正确。

Cookies是一种小型的文本文件,用于在客户端存储用户的信息,以实现用户状态的跟踪和个性化服务。

8. SEO是一种优化网站在搜索引擎中的排名的技术。

回答,正确。

SEO(搜索引擎优化)是一种通过优化网站结构和内容,提高网站在搜索引擎中的排名的技术。

以上是关于web基础知识的判断题的回答,希望能对你有所帮助。

如果你还有其他问题,请继续提问。

Web开发基础考试

Web开发基础考试

Web开发基础考试(答案见尾页)一、选择题1. 在HTML中,用于插入链接的标签是:A. <a>link</a>B. <b>link</b>C. <c>link</c>D. <d>link</d>2. 在CSS中,用于设置字体大小的属性是:A. font-familyB. font-sizeC. font-weightD. font-style3. 在JavaScript中,用于获取当前日期的函数是:A. now()B. date()C. currentTime()D. today()4. 在网页设计中,常用的颜色绿、红、蓝对应的十六进制值分别是:A. #00FF00B. #FF0000C. #0000FFD. #FFFFFF5. 在HTTP协议中,用于请求资源的动词是:A. GETB. POSTC. PUTD. DELETE6. 在数据库中,用于定义关系型数据库中的表的SQL语句是:A. CREATE TABLEB. ALTER TABLEC. DROP TABLED. MODIFY TABLE7. 在网页中,用于播放视频的标签是:A. <video>B. <audio>C. <object>D. <span>8. 在CSS中,用于设置文本阴影的属性是:A. text-shadowB. shadow-textC. text-strokeD. stroke-text9. 在JavaScript中,用于操作DOM元素的函数是:A. createElement()B. createDocumentFragment()C. appendChild()D. removeChild()10. 在HTML中,用于创建新窗口的标签是:A. <newwindow>B. <openwindow>C. <closewindow>D. <maximizewindow>11. 在CSS中,用于设置字体颜色的属性是:A. font-colorB. colorC. text-colorD. font-style12. 在网页设计中,常用的响应式布局技术是:A. FlexboxB. CSS GridC. table表格D. float13. 在HTTP协议中,用于请求从服务器获取数据的动词是:A. GETB. POSTC. PUTD. DELETE14. 在数据库中,用于存储用户信息的表是:A. 用户表B. 数据表C. 结构表D. 关系表15. 在前端开发中,用于实现页面布局的CSS样式是:A. 内联样式B. 外部样式C. 结构化样式D. 功能性样式16. 在HTTP协议中,用于请求从服务器获取资源的方法是:A. GETB. POSTC. PUTD. DELETE17. 在数据库中,用于定义数据表结构的SQL语句是:A. CREATEB. ALTERC. DROPD. INSERT18. 在Web开发中,用于实现页面布局的框架技术是:A. HTMLB. CSSC. JavaScriptD. All of the above (ABC)19. 在前端开发中,用于检测用户键盘输入的事件是:A. onfocusB. onblurC. oninputD. onchange20. 在响应式网页设计中,用于设置网页布局的百分比单位是:A. pxB. emC. remD. vh21. 在Node.js中,用于处理HTTP请求的模块是:A. expressB. httpC. querystringD. fs22. 在Vue.js中,用于绑定数据与DOM元素的属性是:A. v-modelB. v-bindC. v-forD. v-if23. 什么是HTML?A. HTML是一种编程语言,用于创建网页结构。

Web开发基础考试

Web开发基础考试

Web开发基础考试(答案见尾页)一、选择题1. 在HTML中,用于插入链接的标签是:A. <a> </a>B. <link> </link>C. <meta> </meta>D. <body> </body>2. 在CSS中,用于设置文本样式和颜色的属性是:A. font-familyB. colorC. background-colorD. all3. 在JavaScript中,用于操作DOM元素的方法是:A. createElementB. createDocumentFragmentC. appendChildD. removeChild4. 响应式布局的目的是什么?A. 使网站在所有设备上都能正常显示B. 提高网站的加载速度C. 增加网站的交互性D. 以上都是5. 在HTTP协议中,用于请求资源的动词是:A. GETB. POSTC. PUTD. DELETE6. 在数据库中,用于存储用户信息的表是:A. 用户表B. 数据表C. 结构表D. 关系表7. 在RESTful API设计中,常用的HTTP状态码有哪些?A. 200 OKB. 404 Not FoundC. 500 Internal Server ErrorD. 401 Unauthorized8. 在前端开发中,用于实现页面布局的布局技术包括:A. CSSB. JavaScriptC. HTMLD. A和B9. 在后端开发中,用于处理客户端请求的程序语言有:A. PythonB. JavaC. JavaScriptD. A和B10. 在Web开发中,用于验证用户输入数据的验证技术包括:A. 正则表达式B. 安全性检查C. 数据清理D. A和B11. 在HTML中,用于插入链接的标签是:A. <a>link</a>B. <link>href</link>C. <a>href</a>D. <link>link</link>12. 在CSS中,用于设置文本样式的属性是:A. font-familyB. font-sizeC. colorD. all13. 在JavaScript中,用于操作DOM元素的函数是:A. createElementB. createDocumentFragmentC. appendChildD. removeChild14. 在HTTP协议中,用于请求资源的HTTP方法有:A. GETB. POSTC. PUTD. DELETE15. 在HTTPS中,用于加密通信的协议是:A. SSLB. TLSC. HTTPD. HTTPS16. 在数据库中,用于存储用户信息的表是:A. 用户表B. 数据表C. 记录表D. 结构表17. 在Web应用开发中,用于处理用户提交的表单数据的处理层是:A. 展示层B. 应用层C. 业务逻辑层D. 数据访问层18. 在RESTful API设计中,常用的HTTP状态码有:A. 200 OKB. 404 Not FoundC. 500 Internal Server ErrorD. 401 Unauthorized19. 在前端开发中,用于实现页面布局的布局技术包括:A. CSSB. HTMLC. JavaScriptD. jQuery20. 在后端开发中,用于处理服务器端逻辑的编程语言包括:A. PythonB. JavaC. PHPD. Node.js21. 在HTML中,用于插入链接的标签是?A. <a> </a>B. <link> </link>C. <meta> </meta>D. <body> </body>22. 在CSS中,用于设置字体大小的属性是?A. font-familyB. font-sizeC. font-weightD. font-style23. 在JavaScript中,用于操作DOM元素的函数是?A. createElementB. createDocumentFragmentC. appendChildD. removeChild24. 在HTTP协议中,用于表示请求方法的字段是?A. Content-TypeB. Cache-ControlC. AcceptD. Method25. 在RESTful API设计中,常用的HTTP方法有?A. GETB. POSTC. PUTD. DELETE26. 在数据库中,用于存储用户信息的表是?A. 用户表B. 数据表C. 结构表D. 关系表27. 在前端开发中,用于实现页面布局的布局标签是?A. <header> </header>B. <footer> </footer>C. <section> </section>D. <aside> </aside>28. 在Vue.js中,用于监听数据变化的属性是?A. dataB. propsC. computed29. 在Webpack中,用于打包和优化的工具是?A. GulpB. GruntC. WebpackD. npm30. 在Node.js中,用于处理HTTP请求的模块是?A. expressB. httpC. pathD. fs31. 在HTML中,用于插入链接的标签是:A. <a>B. <link>C. <meta>D. <body>32. 在CSS中,用于设置文本样式的属性是:A. font-familyB. hrefC. widthD. class33. 在JavaScript中,用于操作DOM元素的函数是:A. createElementB. getElementByIdC. setTimeoutD. querySelector34. 在HTTP协议中,用于传输数据的协议是:A. HTTPSB. HTTPD. FTP35. 在数据库中,用于存储用户信息的表是:A. 注册表B. 数据表C. 索引表D. 配置表36. 在RESTful API设计中,常用的HTTP方法有:A. GETB. POSTC. PUTD. DELETE37. 在HTML中,用于创建动画效果的标签是:A. <animate>B. <animation>C. <effect>D. <transition>38. 在Web应用开发中,用于处理用户输入的表单元素是:A. <input>B. <button>C. <form>D. <label>39. 在CSS中,用于设置页面背景颜色的属性是:A. background-colorB. background-imageC. background-repeatD. background-size40. 在JavaScript中,用于实现事件绑定的方法是:A. addEventListenerB. attachEventC. bindD. delegate二、问答题1. 什么是HTML?请简要描述其功能和用途。

web前端智力测试题(3篇)

web前端智力测试题(3篇)

第1篇前言欢迎来到本次Web前端智力测试!这是一场针对Web前端开发者技能和知识的挑战。

我们将通过一系列问题来测试你对HTML、CSS、JavaScript以及Web开发相关知识的掌握程度。

请在答题时仔细阅读每个问题,并选择你认为最合适的答案。

祝你测试顺利!一、HTML基础(每题2分,共20分)1. HTML文档的基本结构包括哪些部分?A. 头部(Head)、主体(Body)、尾部(Tail)B. 标题(Title)、头部(Head)、主体(Body)C. 头部(Head)、尾部(Tail)、主体(Body)D. 标题(Title)、头部(Head)、尾部(Tail)2. 以下哪个标签是HTML5新增的?A. <div>B. <header>C. <footer>D. <span>3. 在HTML中,如何将文字加粗?A. <b>文字</b>B. <strong>文字</strong>C. <i>文字</i>D. <em>文字</em>4. 如何在HTML中添加图片?A. <img src="image.jpg" />B. <img src="image.jpg" alt="描述" />C. <img src="image.jpg" title="描述" />D. <img src="image.jpg" width="100" height="100" />5. 以下哪个属性可以控制表格的边框?A. borderB. cellspacingC. cellpaddingD. all6. 如何在HTML中创建有序列表?A. <ul>B. <ol>C. <li>D. <ul type="1">7. 以下哪个标签用于定义表单?A. <form>B. <input>C. <select>D. <textarea>8. 如何在HTML中添加超链接?A. <a href="url">链接文本</a>B. <a src="url">链接文本</a>C. <a link="url">链接文本</a>D. <a url="url">链接文本</a>9. 以下哪个属性可以控制输入框的宽度?A. widthB. sizeC. heightD. max10. 如何在HTML中添加下拉列表?A. <select>B. <option>C. <input type="select">D. <input type="dropdown">二、CSS基础(每题2分,共20分)1. CSS的全称是什么?A. Cascading Style SheetsB. Custom Style SheetsC. Common Style SheetsD. Custom Sheets2. 以下哪个选择器可以选中页面中所有的<p>标签?A. pB. .pC. pD. div3. 如何设置元素的字体大小?A. font-size: 12px;B. fontsize: 12px;C. font-size: 12px;D. font-size: 12px;4. 如何设置元素的背景颜色?A. background-color: red;B. back-color: red;C. bg-color: red;D. background-color: red;5. 如何设置元素的文本颜色?A. color: red;B. text-color: red;C. txt-color: red;D. color: red;6. 如何设置元素的边框?A. border: 1px solid red;B. border: 1px solid red;C. border: 1px solid red;D. border: 1px solid red;7. 如何设置元素的内边距?A. padding: 10px;B. padding: 10px;C. padding: 10px;D. padding: 10px;8. 如何设置元素的边距?A. margin: 10px;B. margin: 10px;C. margin: 10px;D. margin: 10px;9. 如何设置元素的显示方式?A. display: block;B. display: block;C. display: block;D. display: block;10. 如何设置元素的隐藏?A. visibility: hidden;B. visibility: hidden;C. visibility: hidden;D. visibility: hidden;三、JavaScript基础(每题2分,共20分)1. JavaScript的全称是什么?A. JavaScriptB. Java ScriptC. Java ScriptingD. JavaScript2. 如何在HTML中引入JavaScript文件?A. <script src="script.js"></script>B. <script type="text/javascript" src="script.js"></script>C. <script link="script.js"></script>D. <script src="script.js" type="text/javascript"></script>3. 如何在JavaScript中定义变量?A. var a = 10;B. var a = 10;C. var a = 10;D. var a = 10;4. 如何在JavaScript中获取元素的ID?A. getElementById("id");B. getId("id");C. getElementById("id");D. getId("id");5. 如何在JavaScript中获取元素的类名?A. getElementsByClassName("class");B. getClassName("class");C. getElementsByClassName("class");D. getClassName("class");6. 如何在JavaScript中获取元素的标签名?A. getElementsByTagName("tag");B. getTagName("tag");C. getElementsByTagName("tag");D. getTagName("tag");7. 如何在JavaScript中设置元素的文本内容?A. innerHTML = "文本";B. innerHTML = "文本";C. innerHTML = "文本";D. innerHTML = "文本";8. 如何在JavaScript中设置元素的值?A. value = "值";B. value = "值";C. value = "值";D. value = "值";9. 如何在JavaScript中添加事件监听器?A. addEventListener("事件", 函数);B. addEventListner("事件", 函数);C. addEventListener("事件", 函数);D. addEventListner("事件", 函数);10. 如何在JavaScript中创建一个数组?A. var arr = [1, 2, 3];B. var arr = [1, 2, 3];C. var arr = [1, 2, 3];D. var arr = [1, 2, 3];四、Web开发相关(每题2分,共20分)1. 什么是Web标准?A. 指的是HTML、CSS和JavaScript的规范B. 指的是浏览器兼容性C. 指的是网站性能D. 指的是网站设计风格2. 什么是HTML5?A. 是HTML的第五个版本B. 是HTML4的升级版C. 是CSS3的升级版D. 是JavaScript的升级版3. 什么是响应式设计?A. 是指网站能够适应不同屏幕尺寸B. 是指网站能够适应不同浏览器C. 是指网站能够适应不同操作系统D. 是指网站能够适应不同网络环境4. 什么是跨浏览器兼容性?A. 指的是网站能够在不同浏览器中正常显示B. 指的是网站能够在不同操作系统上运行C. 指的是网站能够在不同设备上运行D. 指的是网站能够在不同网络环境下运行5. 什么是SEO?A. 指的是搜索引擎优化B. 指的是搜索引擎营销C. 指的是搜索引擎广告D. 指的是搜索引擎推广6. 什么是Web API?A. 是指Web开发中使用的各种接口B. 是指Web开发中使用的各种框架C. 是指Web开发中使用的各种工具D. 是指Web开发中使用的各种库7. 什么是AJAX?A. 是一种异步JavaScript和XML技术B. 是一种用于网页数据交互的技术C. 是一种用于网页数据传输的技术D. 是一种用于网页数据存储的技术8. 什么是JSON?A. 是一种轻量级的数据交换格式B. 是一种用于网页数据传输的技术C. 是一种用于网页数据存储的技术D. 是一种用于网页数据交互的技术9. 什么是HTTP?A. 是一种用于网页数据传输的协议B. 是一种用于网页数据存储的协议C. 是一种用于网页数据交互的协议D. 是一种用于网页数据展示的协议10. 什么是HTTPS?A. 是一种基于HTTP的安全协议B. 是一种基于HTTPS的安全协议C. 是一种基于HTTP的加密协议D. 是一种基于HTTPS的加密协议五、综合应用(每题5分,共20分)1. 编写一个HTML页面,包含标题、段落、列表、表单和图片。

Web编程基础(HTML+CSS)项目实战教程试题1

Web编程基础(HTML+CSS)项目实战教程试题1

《Web编程基础》试题1一、单选题1.HTML是一种()语言。

A. 编译型B. 超文本标记C. 高级D. 面向对象的2.下列选项中,注释格式正确的是()。

A. <!-- 注释 -->B. <-- 注释C. <!注释 >D. <!comment >3.单元格横向合并所用的属性是()。

A. widthB. rowspanC. colspanD. bgcolor4.下列选项中,用于设置背景颜色的属性的是()。

A. background-colorB. background-imageC. background-repeatD. background-position5.当图像不能显示时()属性用来设置替换文本。

A. titleB. headC. altD. src6.下列说法正确的是()。

A. 内部样式写在<head>标记中B. 内部样式写在<body>标记中C. 内部样式写在<title>标记中D. 内部样式写在<style>标记中7.下列选项中,用来设置字体风格的属性是()。

A. font-sizeB. font-styleC. font-weightD. font-family8.盒子模型外边距的设置使用()。

A. marginB. paddingC. borderD. type9.用HTML标记语言编写一个简单的网页,网页最基本的结构是()。

A. <html> <title>…</title> <body>…</body> </html>B. <html> <title>…</title> <frame>…</frame> </html>C. <html> <head>…</head> <frame>…</frame> </html>D. <html> <head>…</head> <body>…</body> </html>10.下列不属于水平分隔线<hr>标记的属性的是()。

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、检查裁切稿和设计稿的差距。

web前端试题和答案

web前端试题和答案

web前端试题和答案⼀、基础题(⼀)判断题(5分)1.所有的HTML标记符都包括开始标记符和结束标记符。

( 1)2.良好的⽹站⽬录结构有利于⽹站的开发与维护。

( 0)3.HTML表格在默认情况下没有边框。

( 1)4.有序列表和⽆序列表可以互相嵌套。

( 1)5.CSS样式表项的组成格式为:selector{property1:value1,property2:value2,……}( 0)(⼆)填空题(20分)1.⼀个HTML⽂档必须包含三个元素,它们是head、body和。

title标记符应位于标记符之间。

2.在⽹页中插⼊图像时,应使⽤语句。

3.超链接访问过后hover样式不出现,原因是被点击访问过的超链接样式hover和active失效,解决⽅法是使CSS属性的排列顺序为: 。

4.IE6的双倍边距BUG例如:<styletype="text/css">body{margin:0}div{ float:left;margin-left:10px;width:200px;height:200px;border:1px solid red; }</style>浮动后本来外边距10px,但IE解释为20px,解决办法是加上。

5.填写CSS代码,实现⼀个层垂直居中于浏览器中。

<style type=""><!—div{position:absolute;top:50%;left:50%;margin:;width:200px;height:200px;border:1px solid red;这⾥使⽤百分⽐绝对定位,与外补丁负值的⽅法。

(三)简答题(60分)1.解释什么是⽹站重构,符合w3c布局与传统table相⽐有哪些优点。

(10分)2.简述你对css盒⼦模式(框模型)的理解。

(10分)3.⽤html实现如下表格(不可嵌套实⽤表格)(10分)4.请简述class属性的特点和⽤法及与id属性的区别,并写出⼀个具有class属性的例⼦(要求:指定div元素中样式类为a1,字体⼤⼩为9pt的css样式)。

大学web上机考试题及答案

大学web上机考试题及答案

大学web上机考试题及答案一、选择题(每题2分,共20分)1. 以下哪个不是HTML标签?A. <p>B. <div>C. <table>D. <css>答案:D2. CSS选择器中,哪个用于选择类名为“example”的元素?A. #exampleB. .exampleC. [example]D. *example答案:B3. 在JavaScript中,以下哪个方法用于将字符串转换为大写?A. toUpperCase()B. toLowerCase()C. toCapitalize()D. toTitleCase()答案:A4. 以下哪个HTML属性用于定义图像的替代文本?A. altC. titleD. href答案:A5. 在HTML中,以下哪个元素用于定义文档的头部?A. <head>B. <header>C. <title>D. <h1>答案:A6. 以下哪个不是JavaScript中的全局对象?A. windowB. documentC. MathD. user答案:D7. 在CSS中,以下哪个属性用于设置元素的背景颜色?A. background-colorB. colorC. font-colorD. text-color答案:A8. 在HTML中,以下哪个元素用于定义一个无序列表?B. <ol>C. <dl>D. <table>答案:A9. 在JavaScript中,以下哪个方法用于获取数组中的第一个元素?A. first()B. last()C. pop()D. shift()答案:D10. 在HTML中,以下哪个属性用于定义超链接的目标地址?A. hrefB. srcC. altD. title答案:A二、填空题(每题2分,共20分)1. 在HTML中,`<meta>` 标签通常位于________标签内。

Web编程基础(HTML+CSS)项目实战教程试题7

Web编程基础(HTML+CSS)项目实战教程试题7

《Web编程基础》试题7一、单选题1.()标记用于表示HTML文档的结束。

A.</html> B.</body> C.</table> D.</title> 2.在标签中通过以下()属性可以用于指定元素的行内样式。

A.class B.id C.style D.title 3.在CSS中,设置背景图像的代码正确的是()。

A.background-image: src(img/form_bg.jpg);B.background-image: url(img/form_bg.jpg);C.background-img: src(img/form_bg.jpg);D.background-img: url(img/form_bg.jpg);4.下列选项中,表示的不是按钮的是()。

A.<input type="submit" /> B.<input type="button" />C.<input type="reset" /> D.<input type="password" />5.A文件夹与B文件夹是同级文件夹,其中A下有a.html,B下有b.html文件,现在希望在a.html文件中创建超链接,链接到b.html,在a.html页面代码中正确描述链接内容的是()。

A.b.html B.../b.html C.../B/b.html D.B/b.html6.给某段文字设置阴影使用()属性。

A.text-align B.text-decorationC.text-indent D.text-shadow7.属性border-radius是()。

A.只能设置一个值B.不可以设置成圆角C.设置边距样式D.设置边框的圆角8.下列选项中,属于CSS文本属性的是()。

(完整版)html+css网页设计复习题

(完整版)html+css网页设计复习题

1、单选题(1)要使单选框或复选框默认为已选定,要在input标签中加()属性A、selectedB、disabledC、typeD、checked(2)要使表单元素(如文本框)在预览时处于不可编辑状态,显灰色,要在input中加()属性A、selectedB、disabledC、typeD、checked(3)下列哪一项表示的不是按钮。

()A.type="submit" B.type="reset" C.type="image" D.type="button" (4)下面哪一个属性不是文本的标签属性?()A.nbsp; B.align C.color D.face(5)下面哪一项的电子邮件链接是正确的?()A. B.xxx@.net C.xxx@com D.***********(6)当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。

()A.ASP B.HTML C.ZIP D.CGI(7)下面说法错误的是( )A、CSS样式表可以将格式和结构分离B、CSS样式表可以控制页面的布局C、CSS样式表可以使许多网页同时更新D、CSS样式表不能制作体积更小下载更快的网页(8)CSS样式表不可能实现( )功能。

A、将格式和结构分离B、一个CSS文件控制多个网页C、控制图片的精确位置D、兼容所有的浏览器(9)若要在网页中插入样式表main.css,以下用法中,正确的是()。

A、<Link Src=”main.css” type=text/css rel=stylesheet>B、<Link href=”main.css” type=text/css rel=stylesheet>C、<Link href=”main.css” type=text/css>D、<Include href=”main.css” type=text/css rel=sty lesheet>(10)若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中,正确的是()。

Web编程基础(HTML+CSS)项目实战教程试题9

Web编程基础(HTML+CSS)项目实战教程试题9

《Web编程基础》试题9一、单选题1.关于网站和网页的描述,下列说法正确的是()。

A.网站和网页属于包含关系 B.网站和网页属于并列关系C.网站和网页无关联 D.网站就是网页2.下列选项中,不属于引入CSS样式表的是()。

A.行内式B.内嵌式 C.链入式 D.结构式3.下列描述正确的是()。

A.span标记在浏览器中显示时将占满一行B.多个div标记元素将在同一行显示C.文本在段落中会根据浏览器窗口的大小自动换行D.无序列表的各个列表项之间有顺序级别之分4.下列选择器中,优先级最高的是()。

A.标记选择器B.行内样式 C.类选择器 D.并集选择器5.下列选项中,可以创建一个提交按钮的是()。

A.<input type="button"> B.<input type="reset">C.<input type="submit"> D.<input type="image">6.使用内嵌式时,设置type属性的值是()。

A.text\css B.text/css C.text//css D.text.css7.关于Z-index属性说法错误的是()。

A.z-index属性取值可以为正整数B.z-index属性取值可以为负整数C.z-index属性取值不可以为0 D.z-index属性取值可以为08.下列属于<tr>标记相关属性的是()。

A.width B.align C.left D.background9.清除元素默认内边距的是()。

A.margin:0; B.padding:0; C.border:0; D.font-size:0;10.下列选项中,属于人民币的字符是()。

A. &nbsp;B. &lt;C. &gt;D. &yen;二、判断题1.在表格中,valign属性用来设置一行内容的水平对齐方式。

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

Web基础考题(html+css)

Web基础考题(html+css)

一、不定项选择题(每题3分,共63分)1.参看以下的HTML代码:<html><head><title>表格</title><head><body><table border="1"><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="top">文具</caption><tr><th>铅笔</th><th>圆珠笔</th><th>水笔</th></tr>……</table>以下哪些是正确的判断(A)A、铅笔一定位于首行中的第一列B、圆珠笔一定位于首列中的第一行C、文具应位于首列首行D、水笔与圆珠笔在不同的行3.根据以下的HTML代码片段:<body ><table border="2"><caption align="top">月度报表</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="font-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在同一服务器上,但不在同一文件夹中。

Web编程基础(HTML+CSS)项目实战教程试题10

Web编程基础(HTML+CSS)项目实战教程试题10

《Web编程基础》试题10一、单选题1.承载了一个网站中最重要的内容展示的是()。

A.详情页 B.列表页 C.新闻页D.首页2.下列选项中,书写格式正确的是()。

A.<标记名>内容</标记名> B.<标记名>内容C.</标记名>内容</标记名> D.内容</标记名>3.下列样式代码中,不可用于清除浮动的是()。

A.overflow:hidden; B.overflow: visible;C.clear:left; D.clear:both;4.链入式是最常用的引入CSS样式的方式,对于href属性说法正确的是()。

A.该属性可以省略B.定义所链接的文档的类型C.定义当前文档与被链接文档之间的关系D.定义所链接的外部样式表文件的URL,可以是相对路径也可以是绝对路径5.HTML文档基本结构中的根标记是()。

A.<head> B.<body> C.<html> D.<head>6.下列选项中,可以设置文字字体的属性是()。

A.face B.font C.size D.max7.下列描述错误的是()。

A.background-image用于设置背景图像B.background-repeat用于设置背景图像的平铺C.background-position用于设置背景图像的平铺D.background-color用于设置背景颜色8.用于更改元素左外边距的是()。

A.margin-left B.margin-rightC.border-left D.padding-left9.下列选项中,字号最小的是()。

A.<h1> B.<h2> C.<h3> D.<h5>10.在HTML中,<form action="#" method="post">中的method表示()。

web基础知识的判断题

web基础知识的判断题

web基础知识的判断题1. HTTP是一种用来传输超文本的协议。

(√)2. HTML是一种程序设计语言。

(×)3. CSS是一种用来控制网页样式的语言。

(√)4. JavaScript是一种服务器端编程语言。

(×)5. URL是指统一资源定位符,是Web上标识唯一资源的地址。

(√)6. HTML5是HTML的第五个版本,具有更多的新特性和功能。

(√)7. XML是一种用于描述数据和文档结构的标记语言。

(√)8. PHP是一种编程语言,主要用于构建动态网站。

(√)9. SQL是一种用于查询和管理数据库的语言。

(√)10.前端开发主要涉及HTML、CSS和JavaScript这三种技术。

(√)11. Web服务器是一种用来存储和管理网站的硬件设备。

(×)12. DNS是用来将域名转换为IP地址的系统。

(√)13. FTP是一种用于传输文件的协议。

(√)14. URL中包含的协议部分指定了浏览器与服务器之间的通信规则。

(√)15. Cookies是一种用于存储用户信息的客户端技术。

(√)16. SEO是指通过优化网站结构和内容,提高网站在搜索引擎结果中的排名。

(√)17. HTTP是一种无状态的协议,需要使用Cookies来记录用户会话信息。

(×)18. IP地址用于标识网络设备,以便数据在网络中的传输。

(√)19. HTTPS是在HTTP基础上加入了SSL/TLS协议,用于保证数据传输的安全性。

(√)20. Ajax是一种用于创建交互式Web应用的技术,通过异步请求和局部刷新实现。

(√)Web基础知识判断题解析:1. HTTP是一种用来传输超文本的协议。

这是正确的,HTTP (Hypertext Transfer Protocol)是一种用于在计算机网络上进行通信的协议,主要用于从Web服务器传输超文本到Web浏览器。

2. HTML是一种程序设计语言。

这是错误的,HTML(Hypertext Markup Language)是一种用于创建网页的标记语言,而不是一种程序设计语言。

Web编程基础(HTML+CSS)项目实战教程试题4

Web编程基础(HTML+CSS)项目实战教程试题4

《Web编程基础》试题41.HTML指的是()。

A.家庭工具标记语言(Home Tool Markup Language)B.链接文本标记语言(Hyperlinks Text Markup Language)C.文本传输协议 (Hypertext Transfer Protocol)D.超文本标记语言(Hyper Text Markup Language)2.在HTML 中,<h1></h1>是()标记。

A.标题B.图像C.换行D.段落3.为了标识一个HTML文件应该使用的HTML标记是()。

A.head B.body C.html D.table4.<title></title>标记是放在()标记内。

A.<style></style> B.<head></head>C.<body></body> D.</head><body>5.下列选项中,表示商标符号的是()。

A.&divide; B.&euro; C.&times; D.&reg;6.CSS样式表不可能实现()功能。

A.将结构和样式分离B.兼容所有的浏览器C.控制图片的精确位置D.一个CSS文件可以控制多个网页7.在选项中,定于左边框的样式正确的是()。

A.border-left:1px solid red; B.border-top:1px solid red; C.border-left-width:5px; D.border-bottom:1px solid red;8.访问FTP 站点使用的协议类型是()。

A.https B.ftp C.http D.email9.下列()是ID的样式规则定义。

A.h1{color:pink; font-family:"隶书";}B..pink{color:pink; font-size:18px;}C.p{background-color:#38a1bf; text-align:left;}D.#btn{color:pink; font- family:"黑体"; font-size:18px;}10.下列选择器中,优先级最高的是()。

Web前端开发基础之HTML+CSS智慧树知到课后章节答案2023年下浙江工业职业技术学院

Web前端开发基础之HTML+CSS智慧树知到课后章节答案2023年下浙江工业职业技术学院

Web前端开发基础之HTML+CSS智慧树知到课后章节答案2023年下浙江工业职业技术学院浙江工业职业技术学院第一章测试1.下面标记中,表示换行的标记是()答案:<br />2.若要在网页中插入样式表main.css,以下用法中正确的是()答案:<link href="main.css" type="text/css" rel="stylesheet">3.关于特殊字符的描述,下列说法错误的是()答案:转义序列各字符间可以有空格4.下列选项中,属于“target”属性值的是()答案:_self;_blank5.关于HTML5优势的描述,下列说法正确的是()答案:解决了跨浏览器问题;新增了多个新特性;化繁为简的优势;用户优先的原则6.下列选项中,属于双标记的是()答案:<h1>;<p>7.下列选项中,支持透明的图像格式是()答案:png格式;gif格式8.下列选项中,属于单标记的是()答案:<br/>;<hr />9.关于HTML标记的描述,下列说法正确的是()答案:在HTML标记中分为单标记和双标记;注释标记是HTML中的一种特殊标记;<p></p>是一个双标记10.关于<br />标记的描述,下列说法正确的是()答案:使用换行标记<br />的段落可以实现强制换行的效果;<br />标记可以连续使用,比如<br /><br />11.下面的应用软件,可以编写网页代码的是()答案:、Dreamweaver;、sublime;Editplus12.关于<p>标记的描述,下列说法正确的是()答案:<p>标记里面可以放置<img />标记;<p>标记可以给文本添加“段落”语义13.关于HTML5语法的描述,下列说法正确的是()答案:属性值不放在引号中也是正确的;部分标志性属性的属性值可以省略;标签可以不区分大小写14.关于标记属性的描述,下列说法正确的是()答案:标记可以拥有多个属性;属性之间不分先后顺序15.下列标记中属于文本格式化标记的是()答案:;<b></b>;<del></del>;<i></i>16.下列标记中,用来设置文本为粗体的是()答案:;<b></b>17.指定图片路径的时候,尽量使用绝对路径,因为可以更稳定简洁。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

一、不定项选择题(每题2分,共66分)1.参看以下的HTML代码:<html><head><title>表格</title><head><body><table border="1"><tr><td >1</td><td >2</td></tr><tr><td >3</td><td >4</td></tr></table></body></html>对以上代码,以下描述正确的是()A、该网页内容的第一行显示“表格”B、1和2的表格在同一列C、1和2的表格在同一行D、1和3的表格在同一列2.以下的HTML代码片段中:……<caption align="top">文具</caption><tr><th>铅笔</th><th>圆珠笔</th><th>水笔</th></tr>……以下哪些是正确的判断()A、铅笔一定位于首行中的第一列B、圆珠笔一定位于首列中的第一行C、文具应位于首列首行[行列顺序号以tr、td里内容为准]D、水笔与圆珠笔在不同的行3.根据以下的HTML代码片段:<body ><table border="2"><caption align="top">月度报表</caption><tr><th>月份</th><td bgcolor= red>1月</td><td>2月</td><td bgcolor=green>3月</td></tr></table></body>正确的显示结果是()A、页面中会有一个默认的表格标题,显示出“月度报表”B、第一个单元格的背景色是红色C、第二个单元格的的背景色为绿色D、“月份”显示为粗体4.根据以下的HTML代码片段:<h1 style="font-style:italic;color:limegreen; font-size:30pt";>hello!Nice to meet you!</h1><h1>this is the default display of an h1 element</h1>以下描述不正确的是()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}可以知道()A、此段代码是一个类选择器B、选择器的名称是colorC、{ }部分是对h1这个选择器的样式说明D、limegreen 和font-family都是值6.已知services.html与text.html在同一服务器上,但不在同一文件夹中。

假如文档services.html在文件夹information中,proposals段落在文档services.html中。

现要求在text.html文档中编写一个超链接,链接到文档services.html的proposals段落。

下面语句正确的是()A、<a href="services.html#proposals">Link</a>B、<a href ="information/services.html#proposals">Link</a>C、<a href ="#proposals">Link</a>D、<a href ="information#proposals">Link</a>7.下面语句中,()可以在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件A、< a href=”telnet:zhangming@”>发送反馈信息</a>B、< a href=”mail:zhangming@”>发送反馈信息</a>C、< a href=”ftp:zhangming@”>发送反馈信息</a>D、< a href=”mailto:zhangming@”>发送反馈信息</a>8.下面标记中,()在标记的位置添加一个回车符A、<A>B、<ENTER>C、<BR/>D、<HR/>9.()标记用于以预定义的格式显示文本,即文本在浏览器中显示时遵循在HTML源文档中定义的格式A、<ADDRESS>B、<BLOCKQUOTE>C、<PRE>D、<SPAN>A、<ul type=”1”><li>超链接</li><li>基本标记</li><li>使用表和层</li></ul>B、<ol type=”A”><li>超链接</li><li>基本标记</li><li>使用表和层</li></ul>C、<ol type=”1”><li>超链接</li><li>基本标记</li><li>使用表和层</li></oL>D、<ul type=”A”><li>超链接</li><li>基本标记</li><li>使用表和层</li></ul>11.假如要将图片文件logo.jpg插入页面,并为该图片设置替代文字为“ASR OutfittersLogo”。

下面语句正确的是()A、<img src = ”logo.jpg”> ASR Outfitters Logo</img>B、< img src = “logo.jpg”alt=” ASR Outfitters Logo” />C、< img src = “logo.jpg”> alt=” ASR Outfitters Logo”/>D、< img url= “logo.jpg” alt=” ASR Outfitters Logo” />12.INPUT元素的TYPE属性用于指定表单元素的类型,可用的类型有()A、buttonB、textareaC、selectD、hidden13.要在表单中添加提交按钮,实现在用户单击“提交”按钮时,自动将表单提交到ACTION属性中指定的位置。

下列语句正确的是()A、<form method=”POST”action=””><input type=”button”value="提交" name="b1"></form>B、< form method=”POST”action=””><input type=”reset”value="提交" name="reset1"></form>C、<form method=”POST”action=””><input type=”submit”value="提交" name="submit1"></form>D、< form method=”POST”action=””><button type=”reset”value="提交" name="b1"></button></form>14.下面对于HTML表单中的复选框(Checkbox)说法正确的是()A、选定了Checkbox元素时,会将一个name/value对与FORM一并提交B、复选框在默认情况下为选中状态C、Checkbox的checked属性设置该复选框被选中D、一组复选框的NAME属性值必须相同15.如果要在表单中,显示如下信息“您用什么方式购买证卷?网上交易、电话交易、经纪人代理”,用户只能从三个选项中选择一项。

要实现以上需求,下面HTML语句正确的是()A、<p>您用什么方式购买证卷?<p><input type="checkbox" name="ch1" value="c1">网上交易< input type=" checkbox" name="ch2" value="c2">电话交易< input type=" checkbox " name="ch3" value="c3">经纪人代理B、<p>您用什么方式购买证卷?<p><input type="radio" name="radio1" value="r1">网上交易< input type="radio" name="radio2" value="r2">电话交易< input type="radio" name="radio3" value="r3">经纪人代理C、<p>您用什么方式购买证卷?<p><select name="select1" multiple="true"><option value="网上交易">网上交易</option><option value="电话交易">电话交易</option><option value="经纪人代理">经纪人代理</option></select>D、<p>您用什么方式购买证卷?<p><select name="select1"><option value="网上交易">网上交易</option><option value="电话交易">电话交易</option><option value="经纪人代理">经纪人代理</option></select>16.在HTML文档中,有关禁用的表单元素说法正确的是()A、在网页中,如果不想让用户访问某些表单元素,可以通过元素的Disabled属性禁用它B、被禁用的表单元素不可以接受焦点,但会随表单一并提交C、禁用的表单元素可以在运行时通过脚本启用D、通过Readonly属性设为只读的元素,不会随表单一并提交17.如果创建的表看起来有些拥挤,可以通过表格的()属性增加间距A、SPACINGB、CELLPADDINGC、BORDERD、ALIGN18.要在表单中创建一个多行文本输入框,初始值为:这是一个多行文本框。

相关文档
最新文档