web前端开发技术试卷六
Web前端开发初级考试试卷
Web前端开发初级考试试卷1. 本试卷共3道大题，满分100分。
本次考试时间为30分钟2. 请在指定位置作答。
基本信息：[矩阵文本题] *一、单选题（每小题3分，共15小题，共45分）1.在html中，样式表按照应用方式可以分为三种类型，其中不包括（）。
[单选题] *A.内嵌样式表B.行内样式表C.外部样式表文件D.类样式表(正确答案)2.在HTML上，将表单中INPUT元素的TYPE属性值设置为（）时，用于创建重置按钮。
[单选题] *A.reset(正确答案)B.setC.buttonD.image3.分析下面的HTML代码段，该页面在浏览器中的显示效果为（）。
<HTML><body><marquee scrolldelay="200" direction="right">Welcome!</marquee></body></HTML> [单选题] *A.从左向右滚动显示“Welcome!”(正确答案)B.从右向左滚动显示“Welcome!”C.从上向下滚动显示“Welcome!”D.从下向上滚动显示“Welcome!”4. 下列表示下标的是（） [单选题] *A.<sup></sup>B.<sub></sub>(正确答案)C.<top></top>D.<em></em>5.在HTML中，以下关于CSS样式中文本属性的说法，错误的是（）。
[单选题] *A.font-size用来设置文本的字体大小B.font-family用来设置文本的字体类型C.color用来设置文本的颜色D.text-align用来设置文本的字体形状(正确答案)6.在HTML中，（）标签用于在网页中创建表单。
[单选题] *A.<INPUT>B.<SELECT>C.<TABLE>D.<FORM>(正确答案)7.为了设置页面的背景色为黑色，应该使用()。
Web前端试卷(一般)
《前端试卷（一般）》试卷得分单选题（每题2分，共计40分）1．弹性盒布局属于下列哪项技术的内容（）A、B、C、3D、22．一个盒子的宽（）和高（）均为300，左内边距为30，同时盒子有3的边框，请问这个盒子的总宽度是多少？（）A、333B、366C、336D、3633．大多数媒体查询属性包含和前缀，它们的含义是（）A、小于和大于B、小于等于和大于C、小于等于和大于等于D、小于等于和大于4．下列选项中，的不包括的内容是（）A、让低版本的浏览器支持5元素B、全局的设置C、定义基本的元素样式D、可扩展的5．对声明“a{333; }”，解释正确的是（）A、对全站有链接的文字颜色样式为333; 并有下划线B、对全站有链接的文字颜色样式为333; 并无下划线C、对全站链接的文字颜色样式为333的链接去掉下划线D、对全站链接的文字颜色样式为333的链接添加下划线总分题型单选题判断题填空题简答题题分得分6．下列选项中，与图中效果相符的代码是（）A、：;B、：;C、：;D、：;7．下列选项中，设置外阴影且阴影在盒子右侧的选项是（）A、: 7 -4 10 #000 ;B、: -7 4 10 #000 ;C、: 7 4 10 #000 ;D、: 7 -4 10 #000;8．下列选项中，变量名称不合法的是（）A、B、C、非法字符D、9．下列选项中，关于栅格系统的说法，错误的是（）A、栅格系统是一种响应式设计的实现方式B、栅格系统是一个用于响应式设计的组件C、对于前端开发来说，网页将更加的灵活与规范D、对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读10．下列表达式中，结果返回真值的是（）A、(11) (3<2)B、(33）(5<l)C、!(17<=20)D、(33)11．下列选项中，关于元素的静态定位模式的说法错误的是（）A、静态定位是元素的默认定位方式B、当属性的取值为时，可以将元素定位于静态位置C、静态定位时各个元素在文档流中默认的位置D、可以通过边偏移属性来改变静态定位元素的位置12．下列选择器，能够设置鼠标悬停状态下的样式的是（）A、B、C、D、13．下列选项中，可以用来修改导航条的默认样式的是（）A、类B、类C、类D、类14．表达式123%7的计算结果是（）A、2B、3C、4D、515．下列选项中，声明变量语句中不正确的是（）A、;B、3; '';C、= = 100;D、3, ''s ';16．在中，可以使用类的情况是（）A、为导航栏添加头部B、为导航栏添加一个标题C、为整个页面添加头部D、为真个页面添加一个标题17．3线性渐变中的关键词，表示从右下角到左上角的是（）A、B、C、D、18．下列关于3D变形的说法中，错误的是（）A、3D 变形是指某个元素围绕其x轴、y轴、z轴进行旋转B、3d() 函数可以定义3D旋转C、3d()函数可以定义3D缩放D、属性用于实现视觉上的3D效果19．下列关于属性说法错误的是（）A、是复合背景属性B、可以设置图片背景C、可以规定背景图像的尺寸D、该属性可继承20．下列关于3的圆角边框的说法中，错误的是（）A、的四个值按照、、、的顺序设置。
web前端开发的期末考试题及答案
web前端开发的期末考试题及答案**Web前端开发的期末考试题及答案**一、单项选择题（每题2分，共20分）1. HTML5中，用于定义文档的元数据的标签是（）。
A. `<head>`B. `<body>`C. `<meta>`D. `<title>`**答案：C**2. CSS中，以下哪个属性用于设置文本的颜色？（）A. `color`B. `background-color`C. `font-size`D. `text-align`**答案：A**3. JavaScript中，用于获取当前日期的函数是（）。
A. `Date()`B. `new Date()`C. `getDate()`D. `getNow()`**答案：B**4. 在HTML中，用于创建一个无序列表的标签是（）。
A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`**答案：A**5. CSS中，以下哪个选择器用于选择所有`<p>`标签？（）A. `p`B. `p.class`C. `#id`D. `.class`**答案：A**6. JavaScript中，用于判断一个值是否为数组的全局方法是（）。
A. `Array.isArray()`B. `isNumber()`C. `isObject()`D. `isFunction()`**答案：A**7. 在HTML5中，以下哪个标签用于定义一个节（section）？（）B. `<article>`C. `<nav>`D. `<aside>`**答案：A**8. CSS中，以下哪个属性用于设置元素的宽度？（）A. `width`B. `height`C. `font-size`D. `line-height`**答案：A**9. JavaScript中，用于创建一个新的日期对象的构造函数是（）。
web前端期末考试试题
web前端期末考试试题# Web前端期末考试试题## 一、选择题（每题2分，共20分）1. 下列哪项不是HTML5的新特性？A. 语义化标签B. 表单控件C. 内联框架D. 地理位置2. CSS3中，下列哪个属性用于创建圆角效果？A. `border-radius`B. `border-style`C. `border-color`D. `border-width`3. JavaScript中，哪个函数用于将数字转换为字符串？A. `parseInt()`B. `parseFloat()`C. `toString()`D. `Number()`4. 下列哪个不是JavaScript中的对象？A. ArrayB. DateC. StringD. None5. 在JavaScript中，使用哪个方法可以获取元素的集合？A. `getElementById()`B. `getElementsByClassName()`C. `getElementsByTagName()`D. 所有选项都是6. 下列哪个框架不是用于前端开发的？A. ReactB. AngularC. Vue.jsD. Spring7. AJAX请求中，哪个状态码表示请求已成功？A. 200B. 404C. 500D. 4038. 在HTML中，`<meta>`标签的`charset`属性用于指定什么？A. 页面标题B. 页面描述C. 页面字符编码D. 页面关键词9. CSS中，`display: none;`和`visibility: hidden;`的区别是什么？A. 前者会移除元素，后者不会B. 前者会隐藏元素，后者会显示C. 两者效果相同D. 前者会隐藏元素，后者会移除10. 以下哪个不是Web前端开发的最佳实践？A. 使用语义化标签B. 避免使用内联样式C. 过度使用JavaScriptD. 优化图片资源## 二、简答题（每题5分，共20分）1. 请简述HTML5的语义化标签有哪些，并说明它们的作用。
前端开发技术考核试卷
2. CSS的盒子模型包含内容（____）、内边距（____）、边框（____）和外边距（____）四个部分。
答：____ ____ ____ ____
3. JavaScript中，定义一个函数可以使用关键字____或____。
答：____ ____
4.在响应式设计中，媒体查询使用的CSS语法是____。
D. color
20.以下哪些是ES6新引入的特性？（）
A. let
B. const
C. arrow functions
D. All of the above
三、填空题（本题共10小题，每小题2分，共20分，请将正确答案填到题目空白处）
1.在HTML中，网页的基本结构由____、____和____三个标签组成。
2. Flexbox布局模型允许容器中的子元素灵活地分配空间和排列顺序。通过设置容器的display属性为flex，并使用flex-direction、flex-wrap等属性，可以实现响应式布局。
3.闭包是能够访问自由变量的函数。应用场景包括：数据封装和私有变量、模块模式、在异步请求中保持变量状态等。
4. @media
5. v-model
6. unshift pop
7. width height
8. <audio> <video>
9. push
10. text-shadow
四、判断题
1. √
2. √
3. ×
4. √
5. ×
6. √
7. √
8. ×
9. √
10. √
五、主观题（参考）
1. HTML5新增的语义化标签如<article>、<section>、<nav>等，它们分别表示文章、区块、导航等，使页面结构更加清晰，便于搜索引擎理解和抓取。
Web 前端开发中级理论考试卷及答案
Web 前端开发中级理论考试卷及答案1. 下面哪个预定义变量是用来获取 HTTP 文件上传信息？（）A、$_GETB、$_POSTC、$_FILESD、$GLOBALS2. 以下哪个标签不是 HTML 5 的语义化标签？( )A、<header></header>B、<section></section>C、<marquee></marquee>D、<article></article>3. 下列( )不属于 CSS 文本属性。
A、font-sizeB、text-transformC、text-alignD、line-through4. 在 Bootstrap 中关于弹性布局的属性错误的是( )。
A、flexB、flex-wrapC、justify-contentD、flex-container5. laravel 的 Blade 模板中替换占位内容的关键字是( )A、@sectionB、@extendsC、@includeD、@yield6. Bootstrap 提供了一系列的对齐样式，表示不换行的样式是( )。
A、text-centerB、text-justifyC、text-autoD、text-nowrap7. 在以下哪种方式可以使标签页面不跳转？( )A、href="%"B、href="#"C、href=""D、href="."8. 关于 PHP 解析结果集的函数，哪一个是以对象的方式返回一行数据？( )A、mysqli_fetch_rowB、mysqli_fetch_assocC、mysqli_fetch_arrayD、mysqli_fetch_object9. PHP 配置文件的名字是( )。
A、php.iniB、my.iniC、httpd.confD、hosts10. HTTP 状态码的解释错误的是( )。
web前端开发期末考试题及答案
web前端开发期末考试题及答案一、单项选择题（每题2分，共20分）1. HTML5中，用于定义文档类型和HTML版本信息的标签是？A. <!DOCTYPE html>B. <html>C. <head>D. <body>答案：A2. CSS中，以下哪个属性用于设置元素的背景颜色？A. background-colorB. background-imageC. background-sizeD. background-repeat答案：A3. JavaScript中，用于声明变量的关键字是？A. varB. letC. constD. A和B答案：D4. 在JavaScript中，以下哪个方法用于获取数组中的最大值？A. max()B. sort()C. reduce()D. map()答案：C5. 以下哪个HTML标签用于定义最重要的标题？A. <h1>B. <h6>C. <p>D. <div>答案：A6. CSS中，以下哪个选择器用于选择ID为“header”的元素？A. #headerB. .headerC. headerD. [header]答案：A7. 在JavaScript中，以下哪个方法用于将字符串转换为小写？A. toUpperCase()B. toLowerCase()C. toFixed()D. toString()答案：B8. HTML5中，以下哪个标签用于定义一个节或部分？A. <section>B. <article>C. <aside>D. <footer>答案：A9. CSS中，以下哪个属性用于设置元素的边框宽度？A. border-widthB. border-styleC. border-colorD. border-radius答案：A10. JavaScript中，以下哪个方法用于将数组中的所有元素连接成一个字符串？A. join()B. concat()C. slice()D. splice()答案：A二、多项选择题（每题3分，共15分）11. 以下哪些是HTML5新增的语义化标签？A. <header>B. <footer>C. <section>D. <div>答案：A, B, C12. CSS中，以下哪些属性用于设置元素的字体样式？A. font-familyB. font-sizeC. font-weightD. color答案：A, B, C13. JavaScript中，以下哪些方法用于数组元素的添加和删除？A. push()B. pop()C. shift()D. unshift()答案：A, B, C, D14. 在HTML中，以下哪些标签用于定义内联元素？A. <span>B. <div>C. <a>D. <img>答案：A, C, D15. CSS中，以下哪些属性用于设置元素的布局方式？A. displayB. positionC. floatD. flex答案：A, B, C, D三、简答题（每题5分，共20分）16. 请解释HTML中的语义化标签是什么，并给出两个例子。
web前端智力测试题(3篇)
第1篇前言欢迎来到本次Web前端智力测试！这是一场针对Web前端开发者技能和知识的挑战。
我们将通过一系列问题来测试你对HTML、CSS、JavaScript以及Web开发相关知识的掌握程度。
请在答题时仔细阅读每个问题，并选择你认为最合适的答案。
祝你测试顺利！一、HTML基础（每题2分，共20分）1. HTML文档的基本结构包括哪些部分？A. 头部（Head）、主体（Body）、尾部（Tail）B. 标题（Title）、头部（Head）、主体（Body）C. 头部（Head）、尾部（Tail）、主体（Body）D. 标题（Title）、头部（Head）、尾部（Tail）2. 以下哪个标签是HTML5新增的？A. <div>B. <header>C. <footer>D. <span>3. 在HTML中，如何将文字加粗？A. <b>文字</b>B. <strong>文字</strong>C. <i>文字</i>D. <em>文字</em>4. 如何在HTML中添加图片？A. <img src="image.jpg" />B. <img src="image.jpg" alt="描述" />C. <img src="image.jpg" title="描述" />D. <img src="image.jpg" width="100" height="100" />5. 以下哪个属性可以控制表格的边框？A. borderB. cellspacingC. cellpaddingD. all6. 如何在HTML中创建有序列表？A. <ul>B. <ol>C. <li>D. <ul type="1">7. 以下哪个标签用于定义表单？A. <form>B. <input>C. <select>D. <textarea>8. 如何在HTML中添加超链接？A. <a href="url">链接文本</a>B. <a src="url">链接文本</a>C. <a link="url">链接文本</a>D. <a url="url">链接文本</a>9. 以下哪个属性可以控制输入框的宽度？A. widthB. sizeC. heightD. max10. 如何在HTML中添加下拉列表？A. <select>B. <option>C. <input type="select">D. <input type="dropdown">二、CSS基础（每题2分，共20分）1. CSS的全称是什么？A. Cascading Style SheetsB. Custom Style SheetsC. Common Style SheetsD. Custom Sheets2. 以下哪个选择器可以选中页面中所有的<p>标签？A. pB. .pC. pD. div3. 如何设置元素的字体大小？A. font-size: 12px;B. fontsize: 12px;C. font-size: 12px;D. font-size: 12px;4. 如何设置元素的背景颜色？A. background-color: red;B. back-color: red;C. bg-color: red;D. background-color: red;5. 如何设置元素的文本颜色？A. color: red;B. text-color: red;C. txt-color: red;D. color: red;6. 如何设置元素的边框？A. border: 1px solid red;B. border: 1px solid red;C. border: 1px solid red;D. border: 1px solid red;7. 如何设置元素的内边距？A. padding: 10px;B. padding: 10px;C. padding: 10px;D. padding: 10px;8. 如何设置元素的边距？A. margin: 10px;B. margin: 10px;C. margin: 10px;D. margin: 10px;9. 如何设置元素的显示方式？A. display: block;B. display: block;C. display: block;D. display: block;10. 如何设置元素的隐藏？A. visibility: hidden;B. visibility: hidden;C. visibility: hidden;D. visibility: hidden;三、JavaScript基础（每题2分，共20分）1. JavaScript的全称是什么？A. JavaScriptB. Java ScriptC. Java ScriptingD. JavaScript2. 如何在HTML中引入JavaScript文件？A. <script src="script.js"></script>B. <script type="text/javascript" src="script.js"></script>C. <script link="script.js"></script>D. <script src="script.js" type="text/javascript"></script>3. 如何在JavaScript中定义变量？A. var a = 10;B. var a = 10;C. var a = 10;D. var a = 10;4. 如何在JavaScript中获取元素的ID？A. getElementById("id");B. getId("id");C. getElementById("id");D. getId("id");5. 如何在JavaScript中获取元素的类名？A. getElementsByClassName("class");B. getClassName("class");C. getElementsByClassName("class");D. getClassName("class");6. 如何在JavaScript中获取元素的标签名？A. getElementsByTagName("tag");B. getTagName("tag");C. getElementsByTagName("tag");D. getTagName("tag");7. 如何在JavaScript中设置元素的文本内容？A. innerHTML = "文本";B. innerHTML = "文本";C. innerHTML = "文本";D. innerHTML = "文本";8. 如何在JavaScript中设置元素的值？A. value = "值";B. value = "值";C. value = "值";D. value = "值";9. 如何在JavaScript中添加事件监听器？A. addEventListener("事件", 函数);B. addEventListner("事件", 函数);C. addEventListener("事件", 函数);D. addEventListner("事件", 函数);10. 如何在JavaScript中创建一个数组？A. var arr = [1, 2, 3];B. var arr = [1, 2, 3];C. var arr = [1, 2, 3];D. var arr = [1, 2, 3];四、Web开发相关（每题2分，共20分）1. 什么是Web标准？A. 指的是HTML、CSS和JavaScript的规范B. 指的是浏览器兼容性C. 指的是网站性能D. 指的是网站设计风格2. 什么是HTML5？A. 是HTML的第五个版本B. 是HTML4的升级版C. 是CSS3的升级版D. 是JavaScript的升级版3. 什么是响应式设计？A. 是指网站能够适应不同屏幕尺寸B. 是指网站能够适应不同浏览器C. 是指网站能够适应不同操作系统D. 是指网站能够适应不同网络环境4. 什么是跨浏览器兼容性？A. 指的是网站能够在不同浏览器中正常显示B. 指的是网站能够在不同操作系统上运行C. 指的是网站能够在不同设备上运行D. 指的是网站能够在不同网络环境下运行5. 什么是SEO？A. 指的是搜索引擎优化B. 指的是搜索引擎营销C. 指的是搜索引擎广告D. 指的是搜索引擎推广6. 什么是Web API？A. 是指Web开发中使用的各种接口B. 是指Web开发中使用的各种框架C. 是指Web开发中使用的各种工具D. 是指Web开发中使用的各种库7. 什么是AJAX？A. 是一种异步JavaScript和XML技术B. 是一种用于网页数据交互的技术C. 是一种用于网页数据传输的技术D. 是一种用于网页数据存储的技术8. 什么是JSON？A. 是一种轻量级的数据交换格式B. 是一种用于网页数据传输的技术C. 是一种用于网页数据存储的技术D. 是一种用于网页数据交互的技术9. 什么是HTTP？A. 是一种用于网页数据传输的协议B. 是一种用于网页数据存储的协议C. 是一种用于网页数据交互的协议D. 是一种用于网页数据展示的协议10. 什么是HTTPS？A. 是一种基于HTTP的安全协议B. 是一种基于HTTPS的安全协议C. 是一种基于HTTP的加密协议D. 是一种基于HTTPS的加密协议五、综合应用（每题5分，共20分）1. 编写一个HTML页面，包含标题、段落、列表、表单和图片。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Web前端开发技术课程考试试卷（六）总分100分考试时间：120分钟考试形式：闭卷一、选择题（每题1分，共20分）1．以下标记符中，用于设置页面标题的是_______。
（A）<title> （B）<caption>（C）<head> （D）<html>2．下列能够实现与用户交互、表单验证的语言是________。
（A）HTML （B）CSS（C）VFP （D）JavaScript3．以下标记中可以导入外部样式表的标记的是_________。
（A）<title> （B）<style>（C）<script> （D）<link>4．用_______符号可以在段落的首行插入空格。
（A）©；（B） （C） ；（D）&space5．下列_________选项可以表达方程的解X2=4中的上标“2”。
（A）<b>2</b> （B）<tt>2</tt>（C）<sub>2</sub> （D）<sup>2</sup>6．在HTML页面上能产生无序列表的选项是_______。
（A）<dir><li>...</li>...</dir> （B）<dl><dt>...<dd>...</dl>（C）<ol><li>...</li>...</ol> （D）<ul><li>...</li>...</ul>7．将超链接的________属性指向子框架的名称属性，可以实现在指定的框架内打开超链接的目标网页。
（A）href （B）title（C）target （D）name8. 在下列的HTML 中，______可以产生超链接？（A）<a url="">EDU</a> （B）<a href="http:// "> EDU </a>（C）<a>http:// </a> （D）<a name="http:// "> EDU </a> 9．可以使单元格中的内容进行左对齐的正确HTML 标签是________。
（A）<td align="left"> （B）<td valign="left">（C）<td leftalign> （D）<tdleft>10．CSS 指的是。
（A）Computer Style Sheets （B）Creative Style Sheets（C）Cascading Style Sheets （D）Creative Sheets Style11．在表单中插入文本域的正确的HTML代码是。
（A）<input type="password" size=15></input>（B）<textarea name="" rows="" cols=""> </textarea>（C）<select multiple><option value=""></select>（D）<input type="textarea" rows="" cols="" ></input>12．在下列HTML 元素_______中可以放置Javascript 代码。
（A）<script> （B）<scripting>（C）<Javascript> （D）<js>13．去掉无序列表项前面的符号的方法是。
（A）ul{ list-style:none;}（B）ul { list-style-type:none;}（C）ul { list-type:no ;}（D）ul { list-style-type :null;}14．设置表单中密码框的最大长度为15正确的属性设置是。
（A）size=15 （B）max=15（C）maxsize=15 （D）maxlength=1515．下列JavaScript语句中能正确执行的是。
（A）x=10,document.write(x+y);（B）var sum=x+y;（C）var x=1;if (x==1) {alert("Hello World! ");}（D）var x=1;if (x==1) then {alert("Hello World! " );}16．下列是正确的CSS规则。
（A）div{color:#999999;} （B）{div;color:black}（C）div:color=black （D）{div:color=black(body)}17．如果用ID选择符给<p>标记定义的样式p1，正确的应用样式HTML代码是：。
（A）<p id= "p1" ></p> （B）<p class= "p1" ></p>（C）<p classname= "p1" ></p> （D）<p name= "p1" ></p>18．下列能够实现列表框中选项为预选中的<option>标记的属性是：。
（A）value （B）selected（C）size （D）rows19．下列哪个for循环能正常完成5次循环？。
（A）for (i<=5;i++) （B）for (i=1;i<=5;i++)（C）for (i=0;i<=5;i++) （D）for i=1 to 520．在文本框中输入结束后，光标从该文本框离开的事件句柄是。
（A）onClick （B）onMouseOver（C）onFocus （D）onBlur二、填空题（每题1分，共20分）1．HTML文档结构由（1）和（2）构成（用汉字填空）。
2．文本格式化标记中（3）标记可以保留已经排版好格式效果。
3．在HTML标记中<option>、<br>是（4）标志，而<dd>是（5）标志（用汉字填空）。
4．在<a>标记中定义目标页面的属性是（6）。
5．通过<embed>标记的（7）属性以加载指定的多媒体文件。
6．设置表格的行内容居中显示可以通过<tr>标志的（8） ="middle"来设置。
7．定义一个名为"New1"、标题为"新闻"的书签正确的格式是（9）。
8．CSS中的规则是由（10）和（11）两部分构成。
9．多个复选框中预设第一项为默认选中项，可在该选项<input>标志上设置（12）属性。
10．框架集垂直分割窗口是通过设置（13）属性来实现的。
11．Math对象有3个取整函数分别是（14）、（15）、（16） (按首字母序填写)。
12．链入外部样式表css1.css文件可以使用（17）标志的src="css1.css"来实现。
13．如果var x=10,y="10";则alert(x+y)的结果显示为（18）。
14．将JavaScript中简单赋值语句y=y+5改成复合赋值为（19）。
15．在<select>中利用（20）属性可以支持列表项多选。
三、看图编程（每空2分，共36分）1．右图显示效果，完善程序代码（4分）。
填充说明：（1）水平线颜色为blue；（2）类型为数字。
0001 <html>0002 <head>0003 <title>新生报名须知</title>0004 </head>0005 <body>0006 <h3>新生报名须知</h3>0007 <hr size="2" __(1)____>0008 <ol __(2)____ start="1">0009 <li>凭录取通知书到报到处报到；</li>0010 <li>领取一卡通，并缴费；</li>0011 <li>领取军训服装，领取公寓钥匙；</li>0012 </ol>0013 </body>0014 </html>2．按右图页面效果，完成代码填充（12分）。
填充说明：（3）类型为样式表；（4）边界属性；（5）边框属性；（6）线型为虚线；（7）input类型为文本；（8）文本域为5行。
0001 <html>0002 <head>0003 <title> 表单应用</title>0004 <style type="____(3)___">0005 fieldset {0006 padding:10px;0007 ___(4)__:10px;0008 width:270px;0009 color:#333;0010 __(5)___:#06c __(6)__1px;0011 }0012 legend {0013 color:#06c;0014 font-weight:800;0015 background:#fff;0016 }0017 </style>0018 </head>0019 <body>0020 <form name="" method="post" action="">0021 <fieldset>0022 <legend>个人信息：</legend>0023 输入姓名：<input type="__(7)__" name="" size="8"maxlength="12"><br>0024 输入爱好：<textarea name="" ___(8)__ cols="20" wrap="">请在此输入信息</textarea><br>0025 </fieldset>0026 </form>0027 </body>0028 </html>3．按右图页面效果，完成代码填充（8分）。