阅读下列说明、效果图和HTML代码,进行静态网页开发,填写(1)至(10)代码。 【说明】 在当今互联网技术高速发展的时代,搜索引擎是用户使用率最高的网络服务工具之一。本项目为“搜索引擎”网站。 项目名称为Search,包括搜索主页面index.html、第一个标签页tab1.html、第二个标签页tab2.html和img文件夹,其中,img文件夹包括图片logo.png。 页面布局和内容为: (1)index.html为搜索主页,分为三部分,自上而下依次是:搜索框、分类标签和搜索结果。其中,搜索结果使用iframe标签定义,显示tab1.html或tab2.html。 (2)tab1.html为搜索结果页,是“标签页1-网页”的搜索结果,第一部分是搜索结果列表,第二部分是分页页码。其中,使用2个table进行布局。 (3)tab2.html为搜索结果页,是“标签页2-资讯”的搜索结果,第一部分是搜索结果列表,第二部分是分页页码。其中,使用1个table进行布局。 选择不同的类别标签,会显示该类别下的搜索结果。 【效果图】 (1)打开index.html效果如图1所示。 图1-1 (2)点击“标签页2-资讯”,搜索结果显示为tab2.html,效果如图2所示。 图1-2 【代码:搜索主页index.html】 (1 ) html> (2 ) ="utf-8"> S 搜索 .search_val {width: 400px;margin-bottom: 20px;}/*设置搜索框为400px,底部外边距为20px*/ a{margin-right: 20px}/*设置a链接的右边距为20px*/ (3 ) ="index.html" method="get"> (4 ) " value="搜索"/> (5 ) >标签页1-网页 (5 ) >标签页2-资讯 (6 ) width="500px" height="280px" frameborder="0" > 【代码:第一个标签页tab1.html】 搜索 body {font-size: 13px;}/*设置页面字体大小为13px*/ p {width: 380px;}/*设置p元素的宽度为380px*/ p,h3 {margin: 0;padding: 0;}/*设置内边距和外边距均为0 */ .noPic{width: 460px;}/*设置类名为noPic的元素的宽度为460px*/ img{ padding: 10px;}/*设置图片的内边距为10px*/ (7 ) > (8 ) (9 ) width="40px"> 超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接等... http://HTML.com HTML Standard 1.2 Is this HTML5?This section is non-normative.In short: Yes.In more length: the term "HTML5" is widely used as a buzzword to refer ... http://HTMLStudy.com 1 2 3 4 【代码:第二个标签页tab2.html】 搜索 body {font-size: 13px;}/*设置页面字体大小为13px*/ td {padding: 10px;}/*设置td单元格的内边距为10px*/ p {width: 450px;}/*设置p元素的宽度为450px*/ p,h3 { (10 ) }/*设置内边距和外边距均为0 */ 实现实时Html编辑器 给大家介绍一种很简单的无限制在线Html编辑器,实现所写即所得UI和样式实时刷新,JS代码也能进行热加载执行重新渲染,而且这些实现都非常简单... http://HTML.com html中q标签(短的引用)的详细介绍 本篇将介绍html中q标签(短的引用)的详细用法,有兴趣的朋友可以了解一下! 学习html其实就是学习标签的用法,今天小编要介绍的是... http://HTMLStudy.com 1 2 3 4 【问题】(20分,每空2分) 进行静态网页开发,补全代码,在(1)至(10)处填入正确的内容。