前端考试习题
1. 随堂测验
1.1 简述Web的⼯作原理。
1.⽤户通过客户端浏览器访问Internet上⽹站或者其他⽹络资源时，通过在浏览器输⼊⽹站或者⽹页的（统⼀资源定位符）⽹址，或者通过超链接⽅式链接到另外的⽹页或者资源；
2.通过域名服务器进⾏全球域名解析，并根据解析结果访问指定IP的⽹站或⽹页；
3.获取⽹站IP地址后，客户端浏览器向指定IP地址的Web服务器发送⼀个HTTP（hypertext transfer protocol, 超⽂本传输协议）请求；
4.Web服务器响应客户端请求，将⽤户所需的HTMML⽂本，图⽚和构成该⽹页的其他⼀切⽂件发送给⽤户；
5.如需访问数据库系统数据，Web服务器将控制权转给⾳乐宫服务器，根据web服务器的数据请求读写数据库，并进⾏相应的数据库访问操作，应⽤服务器将数据查询响应发送给Web服务器；
6.Web服务器将查询结果发给客户端浏览器；
7.浏览器将客户端请求⽹页页⾯内容组成⼀个页⾯展⽰给⽤户。
1.2 分别说明HTML、CSS、JavaScript在Web⽹页设计中的作⽤。
HTML是Web⽹页信息结构基础；
CSS是Web⽹页表现技术，对⽹页布局、字体、颜⾊、背景和其它效果实施更加精确的控制；
JavaScript是⽹页的⾏为，实现⽹页的动态、交互的功能。
1.3 写出HTML⽂件命名规则。
1.⽂件的扩展名为html或者htm，建议统⼀⽤html作为⽂件名的后缀。
2.⽂件名中只可由英⽂字母、数字或下划线组成，建议以字母或下划线开始。
3.⽂件名中不能包含特殊符号，如空格、$、&等。
4.⽂件名区分⼤⼩写，特别在Unix、Linux系统中⼤⼩写表⽰的⽂件是不同。
5.⽹站⾸页⽂件名⼀般是index.html或default.html。
1.4 简述有哪些段落相关标记及其作⽤。
1.段落<p>标记⽤来起始⼀个段落，它是⼀个块级元素 。段落p标记会⾃动在其前后创建⼀些空⽩。
基本语法
<p align=“left|center|right">段落正⽂内容</p>
2.换⾏标记<br>
基本语法
<br> 换⾏
<nobr> 不换⾏
<wbr> 强制换⾏
在HTML<p>段落正⽂内容<br>另起⼀⾏</p>
⽂档中，<br>元素属于单标志，表⽰插⼊换⾏符。
如果想强制浏览器不显⽰换⾏，可以使⽤nobr标记。
强制换⾏，使⽤<wbr>
3.⽔平分割线标记<hr>
<hr> 元素可以浏览器上显⽰⼀条细线以分隔两个区域。
基本语法
<hr size="" color="" width="" align="" >
属性值说明
width像素px或百分⽐设置⽔平线宽度。
size整数，单位px设置⽔平线⾼度
noshadenoshade设置⽔平线⽆阴影
colorrgb函数、⼗六进制数，颜⾊英⽂名称设置⽔平线颜⾊
alignLeft、center、right设置⽔平线对齐⽅式
4.内容居中标记<center>
基本语法
<body>
<center>居中显⽰的内容</center>
</body>
center标记可以实现所包含的内容⼀次性居中显⽰。
没有别的属性。
center标记也是淘汰标记。
5.段落缩进标记<blockquote>
在设计⽹页时，利⽤段落缩进来增加段落的层次效果。
基本语法
<body>
<blockquote>需要缩进的内容</blockquote>
</body>
说明
⼀对blockquote标记能够向右缩进5个西⽅字符的位置。
案例演⽰段落缩进标记<blockquote>使⽤。
6.预格式化标记<pre>
<pre></pre>标记对⽹页中的⽂字段落进⾏预格式化，浏览器会完整保留设计者在源⽂件中所定义的格式，包括各种空格、缩进以及其他特殊格式。
基本语法
<pre>预格式化⽂本</pre>
1.5 说明制作页⾯书签的步骤，并举例说明。
书签是指到⽂章内部的链接，可是实现段落间的任意跳转。实现这样的链接要先定义书签名称和书签链接。
书签定义步骤：
1.定义书签名
基本语法
<a name="name">书签标题</a>
name属性：指定书签的名称
2.定义书签链接-基本语法
<a href="#name">书签标题</a><!-- 同⼀页⾯内 -->
<a href="URL#name">书签标题</a> <!-- 不同页⾯间 -->
URL：是放置标记的HTML⽂件的URL
name：标记名，对于同⼀⽂件，可以直接写成<a href="#name">text</a>
书签案例：
<!DOCTYPE html>
<html>
<head></head>
<body>
<a name="top"><h2>课程介绍</h2></a>
<!-- 制作4个书签的链接 -->
<a href="#T1">数据结构</a><br />
<a href="#T2">计算机组成原理</a><br />
<a href="#T3">计算机⽹络</a><br />
<a href="#T4">⼈⼯智能</a>
<h3><a name="T1">数据结构</a></h3>
<p>    《数据结构》是计算机应⽤技术、计算机控制技术以及计算机基础。</p>
<!-- 定义⼀个返回总⽬录书签的链接 -->
<a href="#top">返回页⾸</a><br />
<h3><a name="T4">⼈⼯智能</a></h3>
<p>    ⼈⼯智能是计算机科学的。</p>
<p><a href="edu_3-3_bookmark.html#zhineng">⼈⼯智能发展现状介绍</a></p>
</body>
</html>
案例图⽰：
1.6 使⽤标记可以在页⾯中插⼊图像，如何设置图像的⾼度和宽度？如何设置替换⽂本？
<img src="url" width="" height="" hspace="" vspace="" align="" border="" alt="">
属性说明：
src(source)：图像的 URL路径(相对路径、绝对路径)。
alt：添加图⽚的替代⽂字
width/height：设置图⽚的宽度和⾼度(px,%)
border：设置图⽚边框(px)
align：设置图⽚对齐⽅式（⽔平/垂直两个⽅向）
hspase/vspase：设置图⽚的间距设置(单位不加px)
1.7 表格⾏对齐⽅式有⼏类，他们的属性取值有什么不同？
⾏内容⽔平对齐align:left(默认值)、center、right
⾏内容垂直对齐valign:top、middle (默认值) 、bottom
1.8 简要说明表格与框架在⽹页布局时的区别。
表格是⽹页设计制作不可缺少的元素，它以简洁明了和⾼效快捷的⽅式将图⽚、⽂本、数据和表单的元素有序的显⽰在页⾯上；框架技术可以将浏览器分割成多个⼩窗⼝，在每个⼩窗⼝中可以显⽰不同的⽹页。
1.9 如何让框架或者浮动框架能够动态地加载其他HTML⽂档？
使⽤超链接实现动态加载HTML⽂档
<frame name="framename"src="*.html">
<iframe name="iframename"src="*.html"></iframe>
<a href="targethtml"target="framename | iframename ">链接标题</a>
1.10 ⼀个表单有哪⼏部分组成？
⼀个表单由三部分组成：
表单标记：包含了处理表单数据所⽤CGI程序的URL，以及将数据提交到服务器所采取的⽅法。
表单域：包含了单⾏⽂本框、密码框、隐藏域、多⾏⽂本框、复选框、单选按钮、下拉列表框和⽂件选择框等。
表单按钮：包括提交按钮、重置按钮和普通按钮。
1.11 使⽤列表标记编写HTML代码，实现如下⽹页效果。
源代码：
<!DOCTYPE html>
<html>
<head>
<title>windows不同版本</title>
</head>
<body>
<ol>
<li>Windows 95</li>
<li>Windows 98</li>
<li>Windows NT</li>
<ul type="disc">
<li>Windows NT Workstation</li>
html frame
<li>Windows NT Server</li>
</ul>
<li>Windows 2000</li>
<ul type="disc">
<li>Windows 2000 Professional</li>
<li>Windows 2000 Server</li>
<li>Windows 2000 Advance Server</li>
</ul>
<li>Windows XP</li>
<li>Windows Vista</li>
<li>Windows 7</li>
<li>Windows 8</li>
</ol>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。