制作所问数据页面

已于 2023-06-12 11:24:24 修改
阅读量206 收藏 4
点赞数
文章标签： bootstrap
于 2023-06-10 16:12:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_71499021/article/details/131143290
版权
该网页展示了使用HTML、CSS(Bootstrap框架)和jQuery构建的导航栏，具有响应式设计，适应不同屏幕尺寸。内容包括产品优势、解决方案、关于我们和联系我们四个部分，每个部分配以多张图片进行说明。
摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="../engy/bootstrap-3.4.1-dist/css/bootstrap.min.css">
        <title></title>
        <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
        <script src="../第四章/jquery-3.5.1.js"></script>
        <script src="../bootstrap-3.4.1-dist/js/bootstrap.js"></script>
        <style>
                @media (max-width: 768px) {
        
                }
            </style>
            <body data-target="#div1" data-spy="scroll">
                <nav class="navbar navbar-default navbar-inverse navbar-fixed-top" id="div1">
                    <div class="container">
                        <div class="nav navbar-header">
                            <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <img src="" alt="">
                            <a  href="#" class="navbar-brand">所访数据</a>
                        </div>
                        <div class="collapse navbar-collapse navbar-right col-lg-8">
                            <ul class="nav navbar-nav">
                                <li><a href="#name1">产品优势</a></li>
                                <li><a href="#name2">解决方案</a></li>
                                <li><a href="#name3">关于我们</a></li>
                                <li><a href="#name4">联系我们</a></li>
                            </ul>
                        </div>
                    </div>            
                </nav>
                <br>
                <br>
                <div class="container" style="text-align: center;">
                    <h2 id="name1"><strong>产品优势</strong></h2>
                    <p>
                        数据深度分析，未来市场预判
                    </p>
                    <br>
                    <br>
                    <br>
                    <div>
                        <img src="../img/001.jpg" alt=""  style="width: 300px; height: 200px;">
                        <img src="../img/001.jpg" alt=""  style="width: 300px; height: 200px;">
                        <img src="../img/001.jpg" alt=""  style="width: 300px; height: 200px;">
                    </div>
                    <div>
                        <img src="../img/002.jpg" alt=""  style="width: 300px; height: 200px;">
                        <img src="../img/002.jpg" alt=""  style="width: 300px; height: 200px;">
                        <img src="../img/002.jpg" alt=""  style="width: 300px; height: 200px;">
                    </div>
            
                    <h3 id="name2"><strong>行业解决方案</strong></h3>
                    <p>
                        数据深度分析，未来市场预判
                    </p>
                    <br>
                    <br>
                    <br>
                    <div>
                        <img src="../img/左然心有千千结.jpg" alt="" style="width: 300px; height: 200px;">
                        <img src="../img/一起.jpg" alt="" style="width: 300px; height: 200px;">
                        <img src="../img/001.jpg" alt="" style="width: 300px; height: 200px;">
                    </div>
                    <div>
                        <img src="../img/可可爱啊.jpg" alt="" style="width: 300px; height: 200px;">
                        <img src="../img/004.jpg" alt="" style="width: 300px; height: 200px;">
                        <img src="../img/008.jpeg" alt="" style="width: 300px; height: 200px;">
                    </div>
                    <h3 id="name3"><strong>关于我们</strong></h3>
                    <p>
                        数据深度分析，未来市场预判
                    </p>
                    <br>
                    <br>
                    <br>
                    <div>
                        <img src="../img/008.jpeg" alt="" style="width: 300px; height: 200px;">
                        <img src="../img/008.jpg" alt="" style="width: 300px; height: 200px;">
                        <img src="../img/007.jpg" alt="" style="width: 300px; height: 200px;">
                    </div>
                    <div>
                        <img src="../img/06.jpg" alt="" style="width: 300px; height: 200px;">
                        <img src="../img/005.jpg" alt="" style="width: 300px; height: 200px;">
                        <img src="../img/左然鲜鱼突袭.png" alt="" style="width: 300px; height: 200px;">
                    </div>
                    <h3 id="name4"><strong>联系我们</strong></h3>
                    <p>
                        数据深度分析，未来市场预判
                    </p>
                    <br>
                    <br>
                    <br>
                    <div>
                        <img src="../img/魔.jpg" alt="" style="width: 300px; height: 200px;">
                        <img src="../img/003.jpg" alt="" style="width: 300px; height: 200px;">
                        <img src="../img/002.jpg" alt="" style="width: 300px; height: 200px;">
                    </div>
                    <div>
                        <img src="../img/左然心有千千结.jpg" alt="" style="width: 300px; height: 200px;">
                        <img src="../img/左然鲜鱼突袭.png" alt="" style="width: 300px; height: 200px;">
                        <img src="../img/莫弈夏收.jpg" alt="" style="width: 300px; height: 200px;">
                    </div>
                </div>
            </body>
        </html>

星离er
关注
GRCNN抓取网络学习1【Jacquard数据集等效制作】
vor234的博客
08-26 3477
首先了解Jacquard数据集的参数组成通过上面的步骤可以获取自己抓取数据集，输入到GRCNN中是三种文件grasps.txtRGB.png接下来会教大家如何训练自己的GRCNN网络啦！参考文献：pybullet GGCNN数据集制作。
前端—04：BootStrap
jingzhi111的博客
06-26 244
一、概述 什么是响应式页面？ 适应不同的分辨率显示不同样式,提高用户的体验。 BootStrap有什么作用？ 使用BootStrap能开发一套响应式的页面，让他能够在各种设备上正常显示。 BootStrap包含的部分内容： 全局CSS： BootStrap中已经定义好了一套CSS的样式表 组件： BootStrap定义的一套按钮,导航条等组件 JS插件： Boo...
vue div 在不同浏览器会超出显示_用Flask和Vue制作一个单页应用（二）
weixin_39752157的博客
11-26 123
上一篇介绍了Flask和Vue安装和配置，本篇将演示如果在vue app中获取和展示从flask app得到的内容。创建前端页面本节展示如何创建一个前端页面。 在client/src/components文件夹下，创建一个文件Door.vue：<template> <div> <p>{{ msg }}</p> </div>...
搭建BootStrap分页页面并分页显示数据
pengxiang1998的博客
03-03 3176
在上篇博文中，我们通过Spring单元测试发送模拟MVC请求已经获取到了数据，那么接下来，我们要做的便是将数据显示在我们的jsp页面上 BootStrap样式 使用这个样式后，我们的页面展示：（此时我们已经将所查询的数据引入了） 页面代码 注意我们要引入jstl标签库 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http:
bootstrap页面练习-4个完整页面--哈哈
09-26
bootstrap页面练习 里面有4个完整页面的练习 不是单项练习 资源齐全 包含效果图 原始文件 知识点ppt 拿来就可以用 2分绝对超值 本来想免费分享 无奈自己下资源没分啊 快来下载吧
ACCP 北大青鸟 y2 作业答案
01-04
ACCP 北大青鸟 y2 作业答案
遥感数据集制作
weixin_45846397的博客
11-06 2992
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 ...
市场调查问卷数据管理模板
08-07
市场调查问卷数据管理模板
免费H5页面制作,微信h5页面,制作工具源码.rar
05-25
标题中的“免费H5页面制作,微信h5页面,制作工具源码.rar”指的是一个用于创建H5页面的开源项目，特别适用于制作适应微信环境的H5页面。这个压缩包包含的是该工具的源代码，方便开发者进行定制和二次开发。 H5...
页面滚动到底部自动加载数据
04-29
页面滚动到底部自动加载数据，也被称为无限...综上所述，实现“页面滚动到底部自动加载数据”涉及HTML5、JQuery、Ajax、分页策略、性能优化等多个方面。通过熟练掌握这些技术，可以创建一个无缝、高效的滚动加载体验。
用bootstrap框架制作网页
dms2017的博客
05-15 1万+
课程设计要做一个html网页，自己做的css样式实在是不堪入目，所以用了bootstrap框架，现总结如下： （1）：下载bootstrap： 点击下载后： 下载解压后得到如下文件： （2）：将这个文件导入你的项目中，放在项目的根目录下，然后什么都不用做，接下来下载jquery，bootstrap中的js依赖于jquery，并且它使用起来也很方便： 下载后得...
使用BootStrap制作网页页面
m0_65725031的博客
05-05 9116
今天主要是大家使用BootStrap制作网页页面，在上一篇文章中我们的网页制作就使BootStrap，但是由于涉及的不是很多，也没有和大家讲解，今天主要是教大家BootStrap 5,该版本是最新的相对4来说更加简单，方便我们使用。 BootStrap的基本使用 在百度上面搜索BootStrap的官网，去到官网，官网上有各种我们需要在页面上使用的代码。 我们只需要将代码复制，放置到页面上使用，大家根据需求去对代码进行更改。 BootStrap上手是非常简单的。 BootStrap实操 将我...
最终解决：bootstrapTable 导出全部数据。
热门推荐
tianjiliuhen的博客
10-19 2万+
原文地址： http://www.5ixiudou.com/portal/detailInfo/1000000005/228 受备案影响，原网页可先访问：http://106.12.198.137:8080/portal-web/portal/detailInfo/1000000005/228 一、问题描述： 1.在工作中，人们比较喜欢用 bootstrapTable 进行数据的展示...
第四章 Bootstrap
qq_42082278的博客
08-04 425
Bootstrap： 1. 概念： 一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。 * 框架:一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码。 * 好处： 1. 定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。 2. 响应式布局。 * 同一套页面可以兼容不同分辨率的设备。 2
微金所页面制作（Bootstrap 响应式开发 栅格布局 响应式布局）
weixin_45026839的博客
03-01 659
该页面适用于 PC端 和 移动端，在响应式开发的媒体查询下能够适配所有屏幕。 一、页面效果 二、结构样式说明 (需引入bootstrap 相关样式文件) 结构分为八块： 头部块：.wjs_header 导航条：.wjs_nav 轮播图：.wjs_banner 信息块：.wjs_info 预约块：.wjs_reverse 产品块：.wjs_product 新闻块： .wjs_news 合作伙伴： .wjs_partner 栅格系统 ： 就是用来描述设置当前子元素在指定屏幕下，占据当前屏幕默认.
5153-微信小程序个人日程安排微信小程序的实现+ssm（源码+数据库+lun文）.zip
最新发布
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
旅行智能推荐系统.zip
09-15
本项目旨在开发一个智能旅行推荐系统。该系统利用Yelp数据集，采用混合的内容推荐和协同过滤方法为用户提供个性化的旅行建议。通过整合React前端和fla后sk端技术，系统提供了一个无缝的用户体验，能够分析用户偏好和行为，并根据这些信息进行定制化的推荐。此外，该系统具有适应性，随着用户交互的持续进行，能够不断完善推荐结果。整体而言，这是一个结合了先进推荐算法和现代化Web技术的先进项目，旨在为用户提供更加智能和个性化的旅行建议。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
用html与css制作所问数据页面
06-01
数据页面 数据页面 编号 姓名 年龄 性别 <td>1 张三 <td>25 男 <td>2 李四 <td>30 女 <td>3 王五 <td>28 男 ``` CSS代码： ``` h1 { text-align: center...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值