网页制作练习题

网页制作练习题一、选择题1．在网页中最为常用的两种图像格式是（A）A.jpg和pngB.jpg和psdC.png和bmpD.psd和bmp2．标记符title是放在标记符（B）之间的A.html/htmlB.head/headC.body/bodyD./headbody3．样式表定义#title{color:red}表示（B）。A.网页中的标题是红色的B.网页中某一个id为title的元素中的内容是红色的C.网页中元素名为title的内容是红色的D.以上任意一个都可以4．＜img＞标记符中连接图片的参数是：（B）A.hrefB.srcC.typeD.alt5．不属于HTML标记的是（C）A.htmlB.headC.colorD.body6．为了标记一个HTML文件，应该使用的HTML标记是（C）A.p/pB.body/bodyC.html/htmlD.title/title7．运行下面创建表格的代码，在浏览器里会看到（D）的表格。tablewidth=”20%”border=”1”trtd/tdtd/td/trtrtd/tdtd/td/tr/tableA.3行2列B.2行3列C.3行3列D.2行2列8．运行下面代码，在浏览器里看到（C）tablewidth=”20%”border=”1”trtdcolspan=”2”/td/trtrtdrowspan=”2”/tdtd/td/trtrtd/td/tr/tableA.6个单元格B.5个单元格C.4个单元格D.3个单元格9．若要是设计一块区域背景图片为bg.jpg，以下标记中，正确的是（D）A.divstyle=”background-image=bg.jpg;”B.divstyle=”background-image:bg.jpg;”C.divstyle=”background-img=bg.jpg;”D.divstyle=”background-image:url(bg.jpg);”10．HTML语言中，设置表格中文字与边框距离的标签是（C）A.tableborder=#B.tablecellspacing=#C.tablecellpadding=#D.tablewidth=#or%11．HTML语言中strong标记的作用是（C）A.给文字加下划线B.给文字加删除线C.将文字变成粗体D.将文字变成斜体12．内部样式表的元素是（A）A.styleB.cssC.script13．元素中定义样式表的属性名是（A）A.styleB.classC.stylesD.font14．下列（C）是定义样式表的正确格式。A.{body:color=black(body}B.{body:color=black}C.body{color:black}D.{body;color:black}15．用来设置页面内容需要写在那个标签内部（B）A.head和/headB.body和/bodyC.html和/htmlD.title和/title16．HTML中的标题标签共有几个级别（C）A.4级B.5级C.6级D.7级17．下面不是组成一个HTML文件基本结构标签的是（C）A.html/htmlB.head/headC.form/formD.body/body18．HTML语言中的强制换行的是（B）A.hrB.brC.pD.em19．标签hr的作用是（B）A.强制换行B.画一条水平线C.设置标题D.显示斜体文字20．在网页中要输入一个空格，应使用（B）A.&nsnp;B. C.&sbnp;D.&sbpn;21．下面有关标记符a的正确说法是：（D）A.该标记符的参数是srcB.该标记符的参数是hrefsC.该标记符可以用来在网页中插入图片D.该标记符可以用来在网页中插入超链接22．要在表单中创建一个普通文本框，以下的写法中正确的是（A）A.inputtype=textB.inputtype=passwordC.inputtype=checkboxD.inputtype=radio23．在HTML中，插入图片用（B）标签来定义。A.aB.imgC.imageD.span24．（A）标记表示网页中一个段落的开始。A.pB.hrC.brD.dl25．当浏览器不支持图像时，图像img标签的（D）属性的文本内容可以代替说明图像信息。A.srcB.styleC.valueD.alt26．行块标签中的行标签中的无语义的是（C）A.divB.strongC.spanD.input27．在CSS中要使a标签去除下划线，text-decoration属性的取值应该是（A）A.noneB.underlineC.overlineD.line-though28．哪个属性可以控制文本的大小（A）A.font-sizeB.text-styleC.font-styleD.text-size29．如何改变块元素的左边距？（C）A.text-indentB.indentC.margin-leftD.border-left30．创建下拉列表应使用以下标记符（A）A.select和optionB.inputC.input和optionD.dl和dt、dd31．以下标签中，用于定义表格每一列的是（A）A.td···/tdB.tr···/trC.table···/tableD.caption···/caption二、填空题1、块标签包含：div/h1~h6/p/ul/ol/li/dl/dt/dd;2、行标签包含：span/a/img/em/strong/input/textarea/select;3、块标签里面没有直接含义的标签是:div;4、标题标签怎么写：h1····/h1;5、无序列表和有序列表的子层是___li____；6、自定义标签的子层有dt、dd;7、列表标签包含：ul/ol/dl;（无序列表和有序列表的子层是li、自定义标签的下层有dt/dd）;8、强制换行是使用br;9、将一块区域内的input标签包裹起来使用form;10、a标签里面转跳的地址怎么写：ahref=”转跳地址”····/a;11、img标签里面图片的地址怎么写：imgsrc=“图片地址”;12、img标签里面图片未加载出来时，出现的提示文字怎么写：imgalt=”图片的错误提示信息”;13、斜体强调是em、加粗强调是strong;14、单选框需要使用相同name值存在且相同可以实现只能选择一个元素15、value可以实现text/password/button/reset/sumbmit文字的显示16、HTML网页文件的标记是html/html网页文件的主体标记是body/body标记页面标题的标记是_title/title_。17、HTML语言的HEAD部分包含的主要标签有mate/titie/style/link。18、HTML语言中特殊字符空格的代码为 。19、表格的标签是table，单元格的标签是td/th。20、表格有3个基本组成部分：行、列和caption。21、请写出在网页中设定表格边框的粗细的属性border；22、单元格水平合并所用的属性值是colspan；23、单元格垂直合并是属性值是rowspan;24、tr…./tr是用来定义__表格的行________；td…/td是用来定义____表格的列_____；th…/th是用来定义__表格的表头________。在CSS中，对字体的设置所涉及的样式有font-size/font-style/font-weight/font-family/color/letter-spaceing/word-spaceing25、在表单中添加下拉列表时，应使用select和option标签;26、如何将一段文本设置成居中对齐style=”text-align:center;”。27、input属性值中，密码框是password;文本框是text;单选框是radio(实现单选效果需要name存在且相同)；多选框是checkbox；查找文件是file；重置按钮是reset；提交是submit；三、简答题1．关于页面的基本框架？!DOCTYPEhtmlhtmllang=enheadmetacharset=UTF-8titleDocument/title/headbody/body/html2．三种样式引入方式的相同点和不同点？三种引入分别是：行内样式、头部样式、外部样式；相同点：都是为元素添加对应的样式不同点：行内样式书写复杂，出错不容易查找，但设置样式方便头部样式存在代码提示，但书写过多时切换的过多外部样式存在代码提示，不用上下切换，但有可能出现链接问题3．举例说明什么是行内式CSS样式、什么是头部CSS样式、什么是外部CSS样式。行内样式divstyle=width:100px;/div头部样式stylediv{width:100px;}/style外部样式linkrel=stylesheethref=外部样式表.css4．盒子模型具体是什么内容？包含外填充margin、边框border、内填充padding其中：margin存在块居中：margin:auto;Margin和padding都存在四个方向：当属性值为4个时表示的是上、右、下、左；3个时表示的是上、左右、下；2个数值时表示的是上下、左右；1个数值时表示的是上下左右Border的最基本的四种线的形状为solid（实线）、dotted（点线）、dashed（虚线）、double（双线）5．存在几种显示方式，各自的特征分别是？相互之间怎么转化的？答：存在四种方式；分别为行标签、块标签、行块标签、不显示行标签特征是：在一行内显示、不可以设置宽高；块标签特征是：独占一行、可以设置宽高；行块标签特征是：在一行内显示，可设置宽高；不显示的特征是：不占位置；Display:inline;块标签转为行标签显示Display:block;行标签转为块标签显示Display:inline-block;行标签、块标签转为行块标签显示Display:none;行标签、块标签转为不显示四、快捷键选择下一个相同的单词ctrl+d在浏览器打开ctrl+b代码自动填充tab一列到四列alt+shift+1~4二行到三行alt+shift+8\9句首home句尾end浏览器检查元素f12/fn+f12