bootstrap 学习笔记 - 2 （排版+代码样式）

最新推荐文章于 2023-11-22 01:15:43 发布

zhagener

最新推荐文章于 2023-11-22 01:15:43 发布

阅读量1.2k

点赞数

分类专栏： bootstrap

本文链接：https://blog.csdn.net/zhagener/article/details/46351761

版权

Bootstrap学习

Bootstrap学习之 - 排版样式

标题（<h>标签）

样例代码：（bootstrap已经对h标签进行了样式定义）

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP '??.jsp' starting page</title>
		<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap3/css/bootstrap.min.css">
		<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap3/css/bootstrap-theme.min.css">
		<script src="${pageContext.request.contextPath}/bootstrap3/js/jquery-1.11.2.min.js"></script>
		<script src="${pageContext.request.contextPath}/bootstrap3/js/bootstrap.min.js"></script>

	</head>

	<body style="padding:20px;">
		<h1>h1</h1>
		<h2>h1</h2>
		<h3>h1</h3>
		<h4>h1</h4>
		<h5>h1</h5>
		<h6>h1</h6>
	</body>
</html>

页面主题（段落：标签）

样例代码：（lead表示突出显示）

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap3/css/bootstrap.min.css">
		<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap3/css/bootstrap-theme.min.css">
		<script src="${pageContext.request.contextPath}/bootstrap3/js/jquery-1.11.2.min.js"></script>
		<script src="${pageContext.request.contextPath}/bootstrap3/js/bootstrap.min.js"></script>

	</head>

	<body style="padding:20px;">
		<p>这是一个段落，不做突出显示</p>
		<p class="lead">这是一个段落，需要突出显示</p>
		<p>这是一个段落，不做突出显示</p>
		<p>这是一个段落，不做突出显示</p>
		<p>这是一个段落，不做突出显示</p>
		<p class="lead">这是一个段落，需要突出显示</p>
		<p>这是一个段落，不做突出显示</p>
		<p>这是一个段落，不做突出显示</p>
		<p>这是一个段落，不做突出显示</p>
		
	</body>
</html>

内联文本：（ 、<del> 、<s>、<ins>、、、、）

样例代码：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<link rel="stylesheet" href="${pageContext.request

最低0.47元/天解锁文章

zhagener

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
bootstrap 学习笔记 - 2 （排版+代码样式）

Bootstrap学习Bootstrap学习之 - 排版样式标题（标签）样例代码：（bootstrap已经对h标签进行了样式定义）<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+r
复制链接

扫一扫