【05】Bootstrap

内联代码

通过<code>标签包裹内联样式的代码片段

用户输入

通过<kbd>标签标记用户通过键盘输入的内容。

代码块

多行代码可以使用<pre>标签。为了正确的展示代码，注意将尖括号做转义处理。

变量

通过<var>标签标记变量

程序输出

通过<samp>标签来标记程序输出的内容。

<!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"><title>Bootstrap</title><link rel="stylesheet" href="css/bootstrap.css" /><script type="text/javascript" src="js/jquery-1.11.3.min.js"></script><script type="text/javascript" src="js/bootstrap.js"></script></head><body style="padding: 20px;"><h2>内联代码</h2>For example, <code>&lt;section&gt;</code> should be wrapped as inline.<h2>用户输入</h2>To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd><h2>代码块</h2><pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre><h2>变量</h2><var>y</var> = <var>m</var><var>x</var> + <var>b</var><h2>程序输出</h2><samp>This text is meant to be treated as sample output from a computer program.</samp></body>
</html>

上述代码显示效果如下图所示：

【05】Bootstrap — 代码相关推荐

前端 Bootstrap 代码
代码压缩包下载 https://download.csdn.net/download/qq_42740465/87638270?spm=1001.2014.3001.5503 第一天 01_ex.ht ...
[bootStrap]代码块出现横线滚动条
<figure class="highlight"><pre class="pull-left"><code class=&quo ...
05.Bootstrap导入基础笔记
Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且 ...
Bootstrap代码及案例
一.案例1:实现搜索书籍页面 <div class="col-9"><div class="media"&g ...
bootstrap丰富的html标签和css类(一)网格系统、文本排版、代码块显示、表格显示
一.概览 1.1 bootstrap css概览需要使用html5文档类型,也就是在html文件头部使用<!DOCTYPE html> bootstarp3默认的css本身对移动设备友好 ...
BootStrap响应式项目实战之世界杯网页设计
视频 BootStrap实战目标响应式布局复习 HTML5的复习 CSS3的复习了解BootStrap 一.复习响应式布局:页面可以随着设备的变化而动态改变. 淘宝:pc端一套页面:不能随 ...
《WebAssembly 权威指南》（6）在浏览器中运行遗留代码
译者注:这篇文章是<WebAssembly 权威指南>一书的第六章,介绍了如何使用 WebAssembly 在浏览器中运行遗留代码,即已经存在的 C/C++ 代码库.文章以一个实际的例子, ...
低代码技术与市场（Mendix与 OutSystems）
低代码技术与市场(Mendix与 OutSystems) 本文主要参考文章参考链接 https://mp.weixin.qq.com/s/OXCBORheAx99o3fS-ZfUdg https:/ ...
python绘制条形图用什么函数_Python绘制正余弦函数图像完整代码
通过python绘制正弦和余弦函数,从默认的设置开始,一步一步地调整改进,让它变得好看,变成我们初高中学习过的图象那样.通过这个过程来学习如何进行对图表的一些元素的进行调整. 01. 简单绘图 mat ...

【05】Bootstrap — 代码

内联代码

用户输入

代码块

变量

程序输出

【05】Bootstrap — 代码相关推荐

最新文章

热门文章