阅读下列说明、效果图和 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 】
< meta content="text/html;" ( 2 ) ="utf-8" >
S
搜索
【代码: 第一个标签页 tab1.html 】
搜索
|
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 】
搜索
实现实时 Html 编辑器
给大家介绍一种很简单的无限制在线 Html 编辑器 , 实现所写即所得 UI 和样式实时刷新 ,JS 代码也能进行热加载执行重新渲染 , 而且这些实现都非常简单 ... http://HTML.com
|
html 中 q 标签 ( 短的引用 ) 的详细介绍
本篇将介绍 html 中 q 标签 ( 短的引用 ) 的详细用法 , 有兴趣的朋友可以了解一下 ! 学习 html 其实就是学习标签的用法 , 今天小编要介绍的是 ... http://HTMLStudy.com
|
1 2 3 4 【问题】 进行静态网页开发,补全代码,在( 1 )至( 10 )处填入正确的内容。