阅读下列说明、效果图和 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> < meta content="text/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 【问题】 进行静态网页开发,补全代码,在( 1 )至( 10 )处填入正确的内容。