【无标题】

最新推荐文章于 2024-09-23 16:36:59 发布
最新推荐文章于 2024-09-23 16:36:59 发布
阅读量63 收藏
点赞数
文章标签： bootstrap 前端 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_58766017/article/details/123986267
版权

编写网站

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>Bootstrap 101 Template</title>

		<!-- Bootstrap -->
		<link href="../css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="./css/index.css">
		<!-- <link href="css/index.css" rel="stylesheet"> -->

		<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
		<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
		<!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
	</head>
	<body>

		<nav class="navbar navbar-inverse">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
						data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#"><img src="img/logo.png"></a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li class="active"><a href="#">我的首页 <span class="sr-only">(current)</span></a></li>
						<li><a href="#">公司简介</a></li>
						<li><a href="#">解决方法</a></li>
						<li><a href="#">成功案例</a></li>

					</ul>
					<form class="navbar-form navbar-right">
						<div class="input-group">
							<input type="text" class="form-control" placeholder="search for ">
							<span class="input-group-btn"><button type="submit" class="btn btn-default"><span
										class="glyphicon glyphicon-search"></span></button></span>
						</div>

					</form>

				</div><!-- /.navbar-collapse -->
			</div><!-- /.container-fluid -->
		</nav>
		<div class="jumbotron">
			<div class="container">
				<div class="row">
				 <div class="col-lg-5 col-lg-offset-1 col-md-5 col-md-offset-2">


						<h3 class="banner-title">公司简介</h3>
						<p class="banner-detail">GEMINITECH有限公司， 我们作为创新型科技企业，拥有一个充满朝气，高素质、年轻化、专业化的开发团队，
							为公司蓬勃发展提供源源不断的活力与动力。我们致力于为企业提供中高端专属定制开发服务， 集策划，设计，开发，营销服务于一体的新型互联网企业.</p>
				</div>
					<div class="col-md-5"><img src="./img/person.png" alt="">
				</div>




				</div>
			</div>
		</div>





		<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
		<script src="../js/jquery.min.js"></script>
		<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
		<script src="../js/bootstrap.min.js"></script>
	</body>
</html>

运行结果
在这里插入图片描述

注意事项

查找页面空白处时使用浏览器的开发者工具，对每一个页面元素可以设置内外边距

不想做小白的小白程序员
关注
HTML入门和基础标签使用
Bulut0907
01-10 2540
目前国内一般浏览器都会采用Webkit/Blink内核，如360、UC、QQ、搜狗等。链接中还可以放表格、音频、视频等。
【HTML5】1.语法入门总结（第一部分）
qq_44078824的博客
04-17 2524
0.思维导图 1.HTML5基本框架 HTML5 是HyperText Markup Language 5 的缩写，是一种标记语言。 第一个程序，基本框架。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="
-doctype-html-html-lang-en-head-meta-charset-utf-8-title-GitHub-Privacy-Stat:GitHub隐私声明-GitHub Docs <title> <meta name =“ viewport” content =“ width = device-width，initial-scale = 1”> <link rel =“ alternate icon” type =“ imagepng” href =“ a
03-24
-doctype-html-html-lang-en-head-meta-charset-utf-8-title-GitHub-Privacy-Stat <！doctype html> <html lang =“ zh-CN”> <head> <meta charset =“ utf-8” /> <title> GitHub隐私声明-GitHub Docs </ title> <meta name =“ viewport” content =“ width = device-width，initial-scale = 1“> <link rel =” alternate icon“ type =” image / png“ href =” / assets / images / site / favicon.png“> <link rel =” icon“ type =“ image /
HTML捋一捋，简介 <！doctype html>,head 标签介绍
weixin_30525825的博客
10-01 1935
1 HTML文件是什么 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题） 网页文件的扩展名：.html或.htm 2 HTML文件的作用 　　HTML语言写好的文件是给浏览器读...
前端开发中HTML 规范
qq_42889406的博客
10-24 2036
DOCTYPE 声明 HTML文件必须加上 DOCTYPE 声明，并统一使用 HTML5 的文档声明： <!DOCTYPE html> HTML5标准模版 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>HTML5标准模版</title> </head> <body> &l
Qt-无标题窗口
学而思
05-21 7650
        今天学习了下无标题窗口，于是来记录下我的学习过程首先建立一个Qt Widgets Application继承QWidget类创建完后直接运行就得到了如下效果那么，既然是无标题窗口就要去掉窗口栏啊，于是加上setWindowFlags(Qt::FramelessWindowHint | Qt::WindowMinimizeButtonHint);去掉标题栏，但是这样整个窗口就不能移动...
c#实现无标题栏窗口的拖动
09-05
本篇文章将详细讲解如何在C#中实现这种无标题栏窗口的拖动以及其他基本操作。 首先，为了实现无标题栏窗口的拖动，我们需要处理窗体的鼠标事件。窗体的`FormBorderStyle`属性应设置为`None`，这会去除窗体的边框和...
Qt无标题窗口
05-21
在本文中，我们将深入探讨如何使用Qt框架创建一个无标题窗口，这在界面设计和自定义标题栏美化中非常有用。我们将关注`framelesswidget.cpp`、`main.cpp`、`framelesswidget.h`等核心文件，理解它们在实现无标题窗口...
C#创建无标题栏窗体
03-16
摘要:C#源码,菜单窗体,无标题栏窗体　C#创建无标题栏窗体源码，实际上是动态显示或隐藏窗体的标题栏，当隐藏的时候就类似窗体没有了标题栏，当显示标题栏的时候，鼠标按住标题栏即可拖动窗体，以前记得网友需要此...
Delphi实现拖动按钮移动无标题栏窗口
05-11
摘要:Delphi源码,界面编程,窗体拖动,无标题栏 无标题栏的窗体的拖动功能实现，Delphi添加一个可拖动窗体的按钮，通过对此按钮的控制可移动窗体，实现按住标题栏移动窗口的功能，无标题栏也就不能显示最大化、最小化...
VC去掉'无标题'字样的方法.zip
11-21
在使用Visual C++进行编程时，我们经常会在创建新的窗口或者对话框时默认看到标题栏显示为“无标题”。这可能会对用户界面的美观性和专业性造成一定的影响。本资料包提供了一种方法来帮助开发者去掉这个“无标题”...
＜html lang=“zh-cn“＞与＜meta chartset=“utf-8“＞的区别
gdyhvy的博客
06-08 3131
<!DOCTYPE html> <html lang="en"> //浏览器语言环境 <head> <meta charset="UTF-8"> //网站编码格式 <title>Title</title> </head> <body> </body> </html> <html lang="en">：设置该页面的语言，“lang”即language，“
html基础
weixin_45951689的博客
09-17 1844
<!DOCTYPE html><!--约束，声明--> <html lang="zh_CN"> <!--html标签表示html的开始 lang="en"表示英文，lang="zh_CN"表示中文--> <head> <!--表示头部信息，一般包含三部分，title标签，css样式，js代码--> <meta charset="UTF-8"> <!--表示当前页面使用UTF-8字符集-->
HTML - DOCTYPE和lang以及字符集的作用
qq_33962481的博客
05-11 4374
文章目录一、使用VSCode生成骨架标签二、新增代码解释1. ``标签2. lang : 语言3. charset : 字符集 一、使用VSCode生成骨架标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=
html入门 两天学会html第二天
jielunhuimei的博客
03-03 396
01 表格 用来展示数据的。 02 创建表格 <table>表格标签 <tr>行 <td>单元格 案例： <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>表格</title> </head> <body> <table> <tr> <td
文件系统设计 - 开发文件系统 Store (上篇)
qq_44746132的博客
09-21 587
本章以一个基础的响应式Store类开始，对编辑器最核心的基础模块-文件系统管理进行开发设计，遵循面向接口编程的理念，设计文件系统的相关接口类型定义。
webview2加载本地页面
qq_25160759的博客
09-23 601
推荐使用这种方式，加载速度比WebResourceRequested快（实测的确是快点），但是需要支持：ICoreWebView2_3。个人测试加载html字符串，对于html中引入了css和js，加载不太友好。这种方式是通过截获网络请求，然后返回需要的数据。以达到成功请求的假象。
WebGL复杂几何体与模型加载
天涯学馆
09-23 406
在WebGL中，复杂几何体的创建通常涉及多个顶点和面片，而模型加载则涉及到导入外部文件格式，如OBJ、GLTF或FBX。在WebGL中，可以通过设置不同类型的灯光来改变3D场景的光照效果。在WebGL中，可以通过增加更多的灯光uniforms并在片段着色器中计算它们的组合效果来实现多光源。除了基本的漫射和镜面高光，还可以添加软边缘高光、环境光遮蔽（Ambient Occlusion）和全局光照等效果，以增强光照的真实感。GLTF是一种现代的3D模型格式，包含了模型的几何体、材质、纹理和动画。
apply、call和bind的作用和区别
最新发布
欢迎来到我的博客！我是一名全栈开发工程师，主攻前端开发。希望通过我的博客，能够与大家共同学习和成长。感谢您的关注和支持！
09-23 690
javascript中，apply、call和bind的作用和区别介绍。
设置无标题 android
05-02
在Android应用中，设置无标题是一种简洁和美观的设计方式，可以为用户提供更流畅的使用体验。以下是一些实现设置无标题的方法： 1. 在Android的Manifest文件中，找到对应Activity的标签，并添加”android:theme="@...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值