html+css网页设计复习题(可编辑修改word版)

合集下载

网页制作理论考试题及答案

网页制作理论考试题及答案一、选择题（每题2分，共20分）1. HTML是用于描述网页文档的一种语言，它的全称是（）。

A. Hyper Text Markup LanguageB. Hyper Text Transfer ProtocolC. Hyper Text Transport LanguageD. Hyper Text Transfer Language答案：A2. 在HTML中，用于定义最重要的标题的标签是（）。

A. `<h1>`B. `<h6>`C. `<h3>`D. `<h2>`答案：A3. CSS中的选择器`body`用于选择（）。

A. 所有的HTML元素B. 所有的HTML属性C. 文档的整个身体部分D. 所有的HTML标签答案：C4. 在HTML中，用于创建无序列表的标签是（）。

A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案：A5. 下面哪个属性用于设置HTML元素的宽度和高度（）。

A. `height` 和 `width`B. `size` 和 `length`C. `dimension` 和 `measure`D. `span` 和 `scope`答案：A6. 在HTML中，用于创建有序列表的标签是（）。

A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案：B7. 在CSS中，`display`属性的值`none`表示（）。

A. 元素可见，但是不占据空间B. 元素不可见，且不占据空间C. 元素可见，且占据空间D. 元素不可见，但占据空间答案：B8. 在HTML中，用于创建定义列表的标签是（）。

A. `<ul>`B. `<ol>`C. `<dl>`D. `<li>`答案：C9. 在HTML中，用于创建表格的标签是（）。

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

html+css网页设计复习题(可编辑修改word版)

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@comD．xxx@ （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=stylesheet>（10）若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中，正确的是（）。

htmlcss上机练习题

htmlcss上机练习题<html><head><style>body {font-family: Arial, sans-serif;line-height: 1.5;}h1 {text-align: center;margin-top: 50px;}h2 {margin-top: 30px;}p {text-indent: 2em;}ol {padding-left: 2em;margin-top: 30px;}li {margin-bottom: 10px;}code {background-color: lightgray;padding: 2px 5px;}</style></head><body><h1>HTML和CSS上机练习题</h1><p>在本文中，我们将介绍一些HTML和CSS的上机练习题以帮助你巩固所学的知识。

这些练习题包括HTML标签的使用、CSS样式的应用和简单的页面布局。

</p><h2>题目一：HTML标签的使用</h2><p>请使用合适的HTML标签来实现以下要求：</p><ol><li>创建一个包含标题和段落的HTML文档</li><li>在标题中使用<h1>标签，并在段落中添加一些文本</li> <li>在文档中插入一个图片</li><li>创建一个具有强调效果的文本</li></ol><h2>题目二：CSS样式的应用</h2><p>请根据以下要求使用CSS样式来美化页面：</p><ol><li>更改文本的字体、大小和颜色</li><li>为图片添加边框和阴影效果</li><li>设置段落的背景色和文字对齐方式</li><li>使用外部CSS文件引用样式表</li></ol><h2>题目三：简单页面布局</h2><p>请根据以下要求创建一个简单的页面布局：</p><ol><li>使用<div>标签将页面划分为多个区域</li><li>使用CSS样式设置区域的宽度、高度和背景颜色</li><li>使用CSS样式设置文本在区域内的对齐方式</li><li>在页面中添加一个导航栏和页脚</li></ol><p>通过完成以上练习题，你将能够更好地熟悉HTML和CSS的使用，并且加深对它们的理解。

htmlcss考试题及答案

htmlcss考试题及答案1. 以下哪个HTML标签用于定义最重要的标题？A. `<h1>`B. `<h6>`C. `<header>`D. `<footer>`答案：A2. CSS中，哪个属性用于设置元素的背景颜色？A. `background-color`B. `background`C. `bgcolor`D. `color`答案：A3. 在HTML中，`<div>`标签的作用是什么？A. 定义文档的头部B. 定义文档的脚部C. 用于对文档中的块级元素进行分组D. 定义文档中的一个段落答案：C4. CSS选择器中，`.class`表示什么？A. 标签选择器B. 类选择器C. ID选择器D. 属性选择器答案：B5. 在HTML中，`<a>`标签的哪个属性用于指定链接的目标？A. `href`B. `src`C. `target`D. `alt`答案：C6. CSS中，`display`属性的哪个值可以使元素以块级元素显示？A. `inline`B. `block`C. `inline-block`D. `flex`答案：B7. HTML5中，哪个标签用于定义文档的主要内容？A. `<body>`B. `<header>`C. `<footer>`D. `<main>`答案：D8. CSS中，`margin`属性的默认值是多少？A. `0`B. `auto`C. `inherit`D. `initial`答案：A9. 在HTML中，`<img>`标签的哪个属性用于定义图像的替代文本？A. `src`B. `alt`C. `title`D. `name`答案：B10. CSS中，`float`属性用于实现什么效果？A. 清除浮动B. 创建浮动布局C. 使元素不换行D. 使元素垂直居中答案：B。

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 复习题一、选择题1、“国际互联网〞又称作〔 B 〕。

Ａ．HTTP Ｂ．Internet Ｃ．Ｄ．2、万维网〔〕是最主要的Internet信息效劳，它以〔 D 〕协议为根底。

Ａ．Email Ｂ．FTP Ｃ．HTML Ｄ．HTTP3、编写网页所使用的语言规称作〔 C 〕。

Ａ．HTTP语言Ｂ．语言Ｃ．HTML语言Ｄ．Mail语言4、“主页〞是中比拟特殊的网页，其特殊性表现在〔 A 〕。

Ａ．名字固定且可以省略Ｂ．名字不固定且可以省略Ｃ．名字固定但不可以省略Ｄ．一个中只能存在一个这种网页5、制作网页时，网页的源代码的开场和完毕标签必须是〔 B 〕。

Ａ．HTTP Ｂ．HTML Ｃ．Ｄ．以上均可6、控制网页标题信息的标签是〔 A 〕。

Ａ．Title Ｂ．HTML Ｃ．Body Ｄ．Face7、网页标签的属性的正确表示格式是〔 D 〕。

Ａ．属性名>>"属性值"Ｂ．属性名->"属性值"Ｃ．属性名："属性值" Ｄ．属性名="属性值"８、欲使H1标签在网页中居中显示，正确描述是<H1 〔 B 〕＝"Center">。

Ａ．Style Ｂ．Align Ｃ．Anchor Ｄ．State9、控制【字体】的字型、大小及颜色的HTML标签的名字是〔 B 〕。

Ａ．Face Ｂ．Font Ｃ．Form Ｄ．For10、控制字体【加粗】特征的HTML标签是〔 A 〕。

Ａ．<B> Ｂ．<A> Ｃ．<P> Ｄ．<H>11、控制字体【斜体】特征的HTML标签是〔 D 〕。

Ａ．<P> Ｂ．<H> Ｃ．<N> Ｄ．<I>12、控制字体【下划线】特征的HTML标签是〔 B 〕。

Ａ．<T> Ｂ．<U> Ｃ．<P> Ｄ．<A>13、网页的标题文字一共有〔 C 〕。

(完整word版)CSS复习题

CSS样式复习一、判断对错二、填空1.CSS（Cascading Style Sheets）是层叠样式表的缩写”层叠"就是将显示样式独立于显示的内容，进行分类管理.2.Css样式上下文选择符定义嵌套标记的样式.3.层叠样式表的英文缩写是CSS（t）4.选择器是指要引用样式的对象,它可以是一个或多个HTML标记（各个标记之间以逗号分开），也可以是类选择符、ID选择符或属性选择符等。

5.css样式定义中可以加入注解，格式为：/＊字符串*/6.CSS样式表定义的基本语法为：选择器｛样式属性名称：属性值；样式属性名称：属性值；}7.外部样式表文件将样式表定义为一个独立的CSS样式文件，使用该样式表的HTML文件在头部用〈link〉标记链接到这个CSS样式文件，优先级低。

8.内嵌样式表利用<style〉标记将样式表嵌入HTML文件的头部.优先级高于外部样式文件，低于行内样式表。

9.行内样式表在HTML元素内部使用style属性定义样式表，行内样式表具有最高优先级。

10.引用样式表在一个样式表内部使用＠import语句引用其它样式表文件。

11.标签（标记）选择器又称HTML元素选择器或类型选择器,是CSS中最基本的选择器，为HTML网页上所有使用了这个标记的内容应用样式.12.类别选择器同时为多个标签（标记）设置相同的样式,在CSS中定义类别选择器的样式，类别选择器名称前面是“。

”点号。

在HTML元素标记中使用class属性，属性值等于CSS类名称。

13.Id选择器每一个HTML元素都可以指定一个标准的id属性的属性值，这个属性值用来唯一标识一个HTML元素。

14.对HTML元素定义一个id属性并定义属性值；CSS样式中引用id属性值且前缀是#号.15.通配符选择器用*号作为选择符,表示对页面上所有元素应用样式。

16.属性选择器直接对拥有特定属性的HTML元素应用样式，定义属性选择器时,属性名称用中括弧括起来。

(完整word版)网页制作试题以及答案

1.网页的主体内容将写在（ A）标签内部。

（A）〈BODY〉（B）〈HEAD〉（C）〈P〉（D）〈HTML〉2.有关自由延伸表格的说法正确的是（A ）。

（A）表格水平自动延伸时，只要选择某一列单元格把它的宽度设置按百分比显示即可。

（B）表格垂直自动延伸时，选择要延伸的整个表格，把它的高度设置为按百分比显示即可。

（C）表格水平自动延伸时，选择整个表格，把它的宽度设置按百分比显示即可。

（D）表格在进行自动延伸时，背景图片不会随着表格自动延伸。

3. 在Dreamweaver中,下面关于首页制作的说法错误的是（ D）。

（A）首页的文件名称可以是index.htm或index.html（B）可以使用排版表格和排版单元格来进行定位网页元素（C）可以使用表格对网页元素进行定位（D）在首页中我们不可以使用css样式来定义风格4. 在网页中设置字号大小的标签是？（B ）（A）〈BIG〉（B）〈FONT〉（C）〈P〉（D）〈OL〉5.以下标记符中，没有对应的结束标记的是（ B）。

（A）〈body〉（B）〈br〉（C）〈html〉（D）〈title〉6.要将选定的文本设置为下标，应该选用的标签是（ D）。

（A）〈strong〉（B）〈css〉（C）〈sbu〉（D）〈sub〉7. 在输入文本时，若要使文本换行，但不分段，可以使用（ B）键。

（A）Enter（B）Shift+Enter（C）Shift（D）Ctrl8. （ C）就是把单一的页面分成几页，页面之间相互独立，可以显示完全没有联系的多个页面，也可以由某页中的链接控制其他页面的显示内容。

（A）CSS（B）表格（C）框架（D）层9. CSS样式有哪几种，请选择下列正确的一项（ A）。

（A）内样式，内嵌式，链接式，导入式（B）内连式，链接式，导入式，内样式（C）内嵌式，内连式，导入式，链接式（D）内样式，内嵌式，链接式，导出式10.不属于CSS控制页面的方法是（ C）。

网页制作与设计(HTML+CSS)测试试卷

网页制作与设计（HTML+CSS）测试试卷班级：考生姓名：成绩：一.选择题(每题1分，共20分)单项选择题(在每小题的四个备选答案中，选出一个正确答案，并将正确答案的序号填在题后的括号内。

)1.通常一个站点的主页默认文档名是( )A.Main.htmB.Webpage.htmC.Index.htmD.Homepage.htm2.以下关于HTML文档的说法正确的一项是( )A.<HTML>与</HTML>这两个标记合起来说明在它们之间的文本表示两个HTML文本B.HTML文档是一个可执行的文档C.HTML文档只是一种简单的ASCII码文本D.HTML文档的结束标记</HTML>可以省略不写3.正确描述创建一个一级标题居中的句法是( )A. <H0 ALIGN=CENTER> Heading Text </H0>B. <H1 ALIGN=CENTER> Heading Text </H1>C. <H ALIGN=CENTER> Heading Text </H>D. <HT ALIGN=CENTER> Heading Text </HT>4.要创建一个Email地址的链接，下面正确的句法是( )A.<ahref="mailto:**************">与我联系</a>B.<ahref="files:**************">与我联系</a>C.<ahref="http:**************">与我联系</a>D.<ahref="senet:**************">与我联系</a>5.下列是可以放置在<FORM> 和</FORM>之间的标记，其中用于定义一个用户可键入多行文本的标记是( )A. <select>B. <textarea>C. <input>D. <body>6.在HTML中定义一个书签应该使用( )A. <a name=“bookmark” > text </a>B. <a href= “#bookmark”> text </a>C. <a link=“#bookmark” > text </a>D. <a target=“#bookmark”> text </a>7.若想将窗体中数据发送到服务器由服务器脚本处理，应将<INPUT>标记的TYPE属性值设为( )A. SUBMITB. RADIOC. RESETD. TEXT8.要想合并两个单元格，应该使用( )属性进行设置。

网页设计复习题2含答案

网页设计复习题2含答案一、选择题1. 网页设计中，以下哪个不是CSS的基本选择器？A. 类选择器B. ID选择器C. 属性选择器D. 伪类选择器答案：D（伪类选择器是CSS的一种选择器，但不是基本选择器）2. HTML5中，用于定义文档类型和字符编码的标签是：A. <!DOCTYPE>B. <html>C. <meta charset="UTF-8">D. <title>答案：C（<meta charset="UTF-8"> 用于定义字符编码）3. JavaScript中，以下哪个是正确的循环结构？A. forB. whileC. do-whileD. 所有选项都是答案：D（所有选项都是JavaScript中的循环结构）二、填空题1. 在HTML中，用于创建超链接的标签是________。

答案：<a>2. CSS中，用于设置元素宽度的属性是________。

答案：width3. JavaScript中，用于获取页面元素的函数是________。

答案：getElementById三、简答题1. 请简述HTML和CSS在网页设计中的作用。

答案：HTML是网页的骨架，用于定义网页的结构和内容。

CSS是网页的样式表，用于设置网页的布局、颜色、字体等视觉样式。

2. 请描述JavaScript在网页交互中的重要性。

答案：JavaScript是一种客户端脚本语言，它允许网页与用户进行交互。

通过JavaScript，可以实现表单验证、动态内容更新、动画效果等，极大地增强了网页的互动性和用户体验。

四、应用题1. 假设你需要设计一个简单的个人博客页面，请列出至少5个HTML 标签，并说明它们的作用。

答案：- <html>：定义整个HTML文档的根元素。

- <head>：包含文档的元数据，如标题、字符编码等。

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+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设计期末复习题

html设计期末复习题HTML设计期末复习题一、选择题（每题2分，共20分）1. HTML的全称是什么？A. HyperText Markup LanguageB. HyperText Markup LanguageC. HyperText Markup LanguageD. HyperText Markup Language2. 下列哪个标签用于定义最重要的标题？A. `<h1>`B. `<h2>`C. `<h3>`D. `<h4>`3. HTML文档中，哪个标签用于定义段落？A. `<p>`B. `<div>`C. `<span>`D. `<b>`4. 以下哪个属性用于定义图像的来源？A. `src`B. `alt`C. `title`D. `href`5. HTML中的`<a>`标签用于创建什么？A. 图像B. 段落C. 超链接D. 列表6. 以下哪个标签用于创建无序列表？A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`7. HTML中，哪个标签用于定义表格？A. `<table>`B. `<tr>`C. `<td>`D. `<th>`8. HTML文档的根元素是什么？A. `<head>`B. `<body>`C. `<html>`D. `<!DOCTYPE>`9. 以下哪个属性用于定义链接的目标是新窗口打开？A. `target="_blank"`B. `rel="noopener"`C. `href="_blank"`D. `onclick="window.open()"`10. HTML5中，哪个新标签用于定义导航链接的列表？A. `<nav>`B. `<menu>`C. `<ul>`D. `<ol>`二、填空题（每空2分，共20分）11. HTML文档中，`<title>`标签必须放在______标签内。

网页设计考试题目及答案

网页设计考试题目及答案一、选择题（每题2分，共20分）1. 在HTML中，用于定义最重要的标题的标签是：A. `<h1>`B. `<h6>`C. `<p>`D. `<div>`答案：A2. CSS选择器中，用于选择ID为"header"的元素的写法是：A. `#header`B. `.header`C. `header`D. `id="header"`答案：A3. 下列哪个属性用于控制元素的垂直对齐方式？A. `text-align`B. `vertical-align`C. `align`D. `justify`答案：B4. 在JavaScript中，用于获取页面URL中查询字符串的全局对象属性是：A. `window.location.href`B. `window.location.search`C. `window.location.host`D. `window.location.pathname`答案：B5. 如果想在网页中插入一条水平线，应该使用哪个HTML标签？A. `<hr>`B. `<div>`C. `<p>`D. `<br>`答案：A6. 对于一个网页设计师来说，响应式设计的主要目的是：A. 使网站在不同设备上看起来相同B. 使网站在不同设备上看起来不同C. 使网站在所有设备上都能正常工作D. 使网站在特定设备上运行更快答案：C7. 下列哪个不是HTML5的语义化标签？A. `<article>`B. `<section>`C. `<div>`D. `<aside>`答案：C8. 在CSS中，`z-index`属性用于控制元素的：A. 可见性B. 定位方式C. 堆叠顺序D. 尺寸答案：C9. JavaScript中的`document.getElementById`方法用于：A. 获取文档的URLB. 获取文档的标题C. 获取文档的根元素D. 根据ID获取元素答案：D10. 在HTML中，用于定义无序列表的标签是：A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案：A二、填空题（每题2分，共20分）1. 在HTML中，`<meta>`标签通常位于`<head>`标签内部，用于提供____的元数据。

HTML语言与网页设计题库(含答案)

HTML语言与网页设计题库（含答案）第1题判断正误（1）HTML标记符的属性一般不区分大小写。

（对）（2）网站就是一个链接的页面集合。

（对）（3）将网页上传到Internet时通常采用FTP方式。

（对）（4）所有的HTML标记符都包括开始标记符和结束标记符。

（错）（5）用H1标记符修饰的文字通常比用H6标记符修饰的要小（错）。

（6）B标记符表示用粗体显示所包括的文字。

（对）（7）GIF格式的图象最多可以显示256种颜色。

（对）（8）HTML表格在默认情况下有边框。

（错）（9）创建图象映射时，理论上可以指定任何形状作为热点。

（对）（10）指定滚动字幕时，不允许其中嵌入图象。

（错）（11）在HTML表格中，TD和TH标记符都可以用来包括单元格内容。

（对）（12）在HTML表格中，表格的行数等于TR标记符的个数。

（对）（13）在HTML表格中，表格的列数等于任意一行中TH与TD的个数。

（错）（14）在HTML表格中，表格的列数等于任意一行中TH与TD的colspan属性的和。

（错）（15）在HTML表格中，表格的列数等于第一行中TH与TD的colspan属性的和。

（对）（16）在HTML表格中，在TR、TD或TH标记符中使用align 属性可以控制单元格内容的垂直对齐。

（错）（17）HTML表格内容的垂直对齐方式默认为垂直居中。

（对）（18）框架是一种能在同一个浏览器窗口中显示多个网页的技术。

（对）（19）要想在一个网页中嵌套另外一个网页，一般可以使用页内框架。

（对）（20）只有在框架结构的网页中，才能将A标记符的target属性指定为_blank，从而使超链接目标文件在一个新的浏览器窗口中打开。

（21）在HTML中，与表格一样，表单也能嵌套。

（错）（22）一个网页中只能包含一个表单。

（错）（23）在HTML表单中，文本框、口令框和复选框都是用INPUT标记符生成的。

（对）（24）在HTML表单中，提交按钮和重置按钮都可以用图象表示。

HTML+CSS技能测试(带答案),DOC

欢迎阅读填空题：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代码_<div class=”a b”>_</div>_________。

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

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

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

9.10.1.2.3.4.5.6.7.选出你认为最合理的定义标题的方法( C? ? )8. A. <span class=”heading”>文章标题</span>9. B. <p><b>文章标题</b></p>10. C. <h1>文章标题</h1>11. D. <strong>文章标题</strong>12.br标签在HTML中语义为( A?? )A.换行? ?? ?? ?B.强调? ?? ?? ?C.段落? ?? ?? ?D.标题13.下面对于Web应用描述正确的是？（C ）A.Web应用只能使用HTML5+CSS3 开发B.Web基于浏览器才能运行，所以开发成本很高C.Web应用可以及时上线，免去审核烦恼D.Web应用的用户体验感非常好14.HTML指的是？（ A ）A.超文本标记语言(Hyper Text Markup Language)B.家庭工具标记语言(Home Tool Markup Language)C.超链接和文本标记语言(Hyperlinks and Text Markup Language)D.HTML 指的是普通的文本开发语言(Hyper?Text?Markup?Language)15.?HTML5 之前的HTML 版本是？（ A ）A.HTML 4.01B.HTML 4C.D.16.在A.B.C.D.17.A.B.C.D.18.A.B.C.D.19.在下列A.B.C.D.20.A.B.C.<ita>D.<ii>21.如何在新窗口打开链接？（B ）A.<a href="url" new>B.<a href="url" target="_blank">C.<a href="url" target="new">D.<a href="url" target="_self">22.下列HTML代码中，哪个可以产生超链接？（ B ）A.B.C.D.23.以下选项中，哪个全部都是表格标签？（ B ）A.<tabl e><head><tfoot>B.<tabl e><tr><td>C.<tabl e><tr><tt>D.<tabl e><body><tr>24.请选择可以使单元格中的内容进行左对齐的正确HTML 标签：（A ）A.<td align="l eft">B.<td valign="l eft">C.<td l eftalign>D.25.A.B.C.D.26.A.B.C.D.27.下列A.B.C.D.28.A.B.C.D.29.A.B.C.D.<textfiel d>30.在下列的HTML 中，哪个可以产生文本框？（C ）A.<input type="textfiel d">B.<textinput type="text">C.<input type="text">D.<textfiel d>31.在下列的HTML 中，哪个可以插入图像？（C ）A.<img href="image.gif">B.<image src="image.gif">C.<img src="image.gif">D.<img>image.gif</img>32.下列HTML代码中，哪个可以插入背景图像？（ B ）A.<body src=’background.jpg’ />B.<body background = ‘background.jpg’ />C.<background img=’background.gif’ />D.<img src=’background.gif’ background/>33.下面哪项不可以对一个DOM设置它的CSS样式？（ C ）A.外部样式表，引入一个外部css文件B.内部样式表，将css代码放在<head> 标签内部C.外联样式，将css样式直接定义在外部的HTML元素上D.内联样式，将css样式直接定义在HTML 元素内部34.A.B.C.D.35.在A.B.C.D.36.A.B.C.D.37.A.B.C.D.38.A.B.C.D.39.下列选项中能控制文本尺寸的CSS属性是？（ A ）A.font-sizeB.text-styl eC.font-styl eD.text-size40.如何使文字以大写字母开头？（ A ）A.text-transform:capitalizeB.无法通过CSS来实现C.text-transform:uppercaseD.text-transform:l owercase41.如何改变元素的字体类型？（ C ）A.font=B.f:C.font-family:D.font-size:42.如何使文本变为粗体？（ B ）A.font:bB.font-weight:bol dC.styl e:bol dD.font:bol d43.CSS指的是？（ B ）A.B.C.D.44.A.B.C.D.45.哪个A.B.C.D.46.哪个A.B.C.D.47.如何在A.B.C.D.48.A.bgcol or:B.background-col or:C.col or:D.background-size:49.如何改变某个元素的文本颜色？（C ）A.text-col or:B.fgcol or:C.col or:D.text-col or=50.在以下的CSS 中，可使所有<p> 元素变为粗体的正确语法是？（C ）A.<p styl e="font-size:bol d">B.<p styl e="text-size:bol d">C.p {font-weight:bol d}D.p {text-size:bol d}51.如何显示没有下划线的超链接？（A ）A. a {text-decoration:none}B. a {text-decoration:no und erline}C. a {underline:none}D. a {decoration:no underline}52.如何显示这样一个边框：上边框10 像素、下边框5 像素、左边框20 像素、右边框1 像素？（D ）A.border-width:10px 5px 20px 1pxB.C.D.53.A.B.C.D.54.A、55.htmlA、B、C、D、56.A57.A、58.A、59.A、60.在A.?61.在HTML中，可以使用（??D???）标记向网页中插入GIF动画文件。

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的基础知识，通过回答这些问题，可以考察对这两种技术的理解和应用水平。

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

A、<Style>.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}</style>B、.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}C、<Style>.myText{FontName:Arial;FontSize:9pt;LineHeight:13.5pt}</style>D、<Style>. .myText{FontName:Arial;Font-ize:9pt;Line-eight:13.5pt}</style>（11）下列哪个标签是定义标题的（）A、h1B、hrC、hwD、p（12）html 中的注释标签是（）A、< ------------- >B、<--! -->C、<! ------------- >D、< ------------- !>（13）<strong>…</strong>标签的作用是（）A、斜体B、下划线C、上划线D、加粗（14）网页中的空格在html 代码里表示为（）A、&B、 C、"D、<（15）下列哪种方式是用类选择器定义样式的（）A、p{color:red;}B、.one{color:red;}C、#two{color:red;}D、p,h1{color:red;}（16）、下面哪一项是换行符标签？（）A.<body> B．<font> C．<br> D．<p>（17）、下列哪一项是在新窗口中打开网页文档。

（）A._self B．_blank C．_top D．_parent（18）、用HTML 标记语言编写一个简单的网页，网页最基本的结构是（）。

A <html> <head>…</head> <frame>…</frame> </html>B <html> <title>…</title> <body>…</body> </html>C <html> <title>…</title> <frame>…</frame> </html>D <html> <head>…</head> <body>…</body> </html>（19）要使表格的边框不显示，应设置border 的值是( )。

A．1 B．0 C．2 D．3（20）在HTML 中，标记<pre>的作用是( )。

A.标题标记B．预排版标记 C.转行标记D．文字效果标记（21）定义锚记主要用到<a>标签中的（）属性。

A、nameB、targetC、onclickD、onmouseover（22）下列哪个是正确的css 集体声明方式（）A、p；h1{color:red;}B、.one{color:red;}C、#two{color:red;}D、p,h1{color:red;}（23）下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800 号，正确的定义是：（）A、p {font-family：宋体；font-size：20px；font-weight：800；color:red;font-style：italic；}B、p {font-family：20px；font-size：宋体；font-weight：800；color:red;font-style：italic；}C、p {font-family：20px；font-size：800；font-weight：宋体；color:red;font-style：italic；}D、p{font-family：800；font-size：20px；font-weight：red；color: italic;font-style：宋体；}（24）下列样式定义字体间距为0.5 倍间距、水平左对齐、垂直顶端对齐、有下划线，正确的定义是：（）A、p{text-decoration：underline；letter-spacing：0.5em；vertical-align：top；text-align：left；}B、p{text-decoration：0.5em；letter-spacing：underline；vertical-align：top；text-align：left；}C、p{text-decoration：left；letter-spacing：top；vertical-align：0.5em；text-align：underline；}D、p{text-decoration：underline；letter-spacing：0.5em；vertical-align：left；text-align：top；}（25）关于文本对齐，源代码设置不正确的一项是：（）A．居中对齐：<div align="middle">…</div>B．居右对齐：<div align="right">…</div>C．居左对齐：<div align="left">…</div>D．两端对齐：<div align="justify">…</div>（26）要在新窗口中打开所点击的链接，实现方法是将<a>标签的target 属性设为（）A、_blankB、_selfC、_parentD、_top（27）下列代表无序清单的标签是（）A、<ul>…<li>…</ul>B、<ol>…<li>…</ol>C、<hl>…<li>…</hl>D、< li >…< ol >…</ li >（28）定义表单所用的标签是（）A、tableB、formC、selectD、input（29）要实现表单元素中的复选框，input 标签的type 属性应设为（）A、radioB、checkboxC、selectD、text（30）CSS 的缩写是（）puter Style SheetsB.Cascading Style SheetsC.Creative Style SheetsD.Colorful Style Sheets2、填空题（1）、可用 <p> 标签定义段落。

（2）、CSS 为超级链接文本建立了4 个伪类选择器： a:link 为尚未链接的超级链接文本样式， a:visited 为已链接过的超级链接文本样式， a:hover 为鼠标移到超级链接文本上方的样式， a:active 为在超级链接文本上的选择鼠标的样式。

（3）用来输入密码的表单域是 type=password 。

（4）文件头标签包括关键字、描述、编码、基础和链接等。

（5）Area 的shape 属性中，shape=rect 表示的形状为矩形；shape=circle 表示的形状为圆形；shape=poly 表示的形状为多边形_。

（6）、要生成水平线，可用 <hr> 标签。

（7）、<img>中的src 属性是用于指定图片源文件地址的。

（8）、要定义表单元素中的文本框，input 标签中type 属性应设为text 。

（9）、要定义表单元素中的密码框，input 标签中type 属性应设为password 。

（10）表格的标签是<table></table> ，单元格的标签是<td></td> 。