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元素应用样式，定义属性选择器时,属性名称用中括弧括起来。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
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,以下定义方法中，正确的是（）。
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> 。