网页设计面试题下511
常见面试题及解答
1、HTML的含义是什么?其主体部分由什么标记构成?
HTML即Hyper Text Markup Language超文本标记语言，是构成网页最基本的元素。
标记和之间的内容构成了HTML的主体部分，网页中的所有内容，包括文字、图形、链接以及其他页面元素都包含在该标记符内。
2、标记br和p有什么区别?
标记br和p都可以用来换行，
标记使当前行强行中断而另起一行，但是新行与原来的行保持相同的属性，即新行与原来的行属于同一段落，
而
标记在换行的时候另起了一新的段落；
标记无对应的结束标记
，而
标记必须和
配合使用，不能省略。
3、 URL指的是什么?有何作用?分为几种?有什么区别?
URL是统一资源定位符，用于定位Web上的文件信息。
URL有绝对和相对之分。绝对URL就是指完整的资源地址，具体形式为：协议名称://计算机域名/路径和文件名。一般情况下，在指定外部Internet资源时应使用绝对URL。 相对URL指资源相对于当前页面的路径。使用相对URL时，一般使用点“.”和双点“..”表示当前目录和上一级目录(父目录)。在制作网站的时候，只要站点各资源的相对位置不变，就使用相对URL。
4、CSS指的是什么?在网页制作中为什么要使用CSS技术?
CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。
5、网页制作中有哪几种样式设置方法?各有何特点?
网页制作中有：内联式样式设置、直接嵌入式样式设置和外部链接式样式设置三种方式。
(1) 内联式样式设置：
设置方法：直接在要设置样式的各标记元素中修改style属性; 优点：直观、方便;
缺点：不易于维护和修改;
适用于：网页中个别需要修改的元素的样式定义;
(2) 直接嵌入式样式设置：
设置方法：在HTML文档的之间添加定义， 部分是所有需要设置样式的元素的属性定义。
优点：对当前页面内的所有元素的样式修改、维护比较方便; 缺点：对于网站建设，要采用相同的样式设置则比较麻烦; 适用于：单独网页的样式定义;
(3) 外部链接式样式设置：
设置方法：把所有样式定义放在一个独立的文件中，凡是需要使用该文件中规定样式的网页，只要在其与之间添加一个对该样式文件的链接：
即可;
适用于：需要统一显示样式的网站建设。
6、用户自定义的类和ID在定义和使用时有什么区别?
定义时，类以英文形式的句点“.”为起始标志，ID以“#”为起始标志;使用时，类可以在一个页面中被多个不同的元素引用，而ID在一个页面中只能被引用一次。
7、用html实现如下表格(不如嵌套实用表格)
三行三列,其中第一行第一列和第二行第一列合并;
第二行第二列和第二行第三列合并(现场画表)
8.、web标准网站有那些优点
便于网站页面改版,换肤,搜索引擎搜索,客户端浏览,减少网络流量等等
9、网站的层次是？
【答】网站的层次是指主页面(首面或一级页面)和二级页面、三级页面之间的结构关系。
10、标记是什么？
【答】标记是 HTML 中用来标识网页元素的类型、格式和外观的文本字符串。
11、简述选择符的作用及分类。
【答】选择符作用在于定义 CSS 的名称，以便引用。 在 CSS 中主要有三种选择符：
(1)超文本标记选择符；
(2)类选择符；
(3)ID 选择符。
12、简述 XML 的主要特征。
【答】XML 的最主要的特点是：
(1)严密性；
(2)可扩展性；
(3)互操作性；
(4)开放性。
13、简述 HTML 文件的基本标记组成。
【答】HTML 文件的基本标记组成为：
(1) (2) (3)
一、 填空题（40分）
1、目前常用的WEB标准静态页面语言是_HTML__。（4分）
2、改变元素的外边距用____margin____，改变元素的内填充用___padding_____。（6分）
3、在Table中，TR是_____行___，TD是__列_____。（6分）
4、如果给一行两列的表格（table）定义高度样式，在_____table___标签中定义最合理，最能减少代码的臃肿。（5分）
5、对ul li的样式设成无，应该是用什么属性__list-style：none_______。（6分）
6、在新窗口打开链接的方法是__target=’blank’______。（4分）
7、Color:#666666;可缩写为___color=#666_____。（2分）
8、合理的页面布局中常听过结构与表现分离，那么结构是___HTML_____，表现是_CSS_____。（9分）
二、选择题（20分）
(A) 1、在下面的 XHTML 中，哪个可以正确地标记折行？（5分） A：
B： C：
(B) 2、下列哪些是格式良好的 XHTML？（5分）
A：
A short paragraph
B：
A short paragraph
C：
A short paragraph
(B) 3、在以下的 HTML 中，哪个是正确引用外部样式表的方法？（5分）
A：
B： C：mystyle.css
(D) 4、在 HTML 文档中，引用外部样式表的正确位置是？（5分） A：文档的末尾 B：文档的顶部
C： 部分 D： 部分
三、问答题（40分）
1、请写出超链接的顺序或者你在初始样式中的链接方法。（要求默认无下线，鼠标经过有下划线）（10分）
答：a{text-decoration:none;}
a:hover{text-decoration:underline;}
2、当float和margin同时使用时， IE6的双倍边距BUG如何解决？（6分）
答：display:inline;
3、为什么无法定义1px左右高度的容器？（7分）
答：将 font-size:0;line-height:0; 即可
4、Firefox中标签的居中问题的解决方法？（5分）
答：margin:0 auto;
5、请写出XHTML和CSS如何注释？（5分）
答：xhtml: , css:/* 注释内容 */
6、请以缩写方法写出1px直线（实线）灰色（任意灰色代码值），上面无边框的矩形边框样式。（7分）
答：border:1px solid #CCC; border-top:none;