Bootstrap 源代码之行内代码

源代码是指计算机程序的源码，或其他机器可以阅读的文本，如计算机程序、或函数名、XML元素名、或文件名等。

Bootstrap中，有两种方式显示源代码，一种是使用 <code> 标签包裹行内代码，另一种是使用 <pre> 标签包裹多行代码。

在使用 <pre> 和 <code> 标签标记源代码时，一定要把代码中的左尖括号和右尖括号替换成 < 和 >，这样才能得到正常的渲染结果。

行内代码

出现在文本流中行内代码，不会影响文本流的布局，一般使用 <code> 标签来包裹它。Bootstrap中，行内代码使用了不同的文本颜色，并为添加了背景颜色和边框。如：

<p>For example, <code><section></code> should be wrapped as inline.</p>

效果如图 3‑20所示：

图3-20 Bootstrap行内代码样式

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

Bootstrap 源代码之行内代码相关推荐

Typora主题代码更改(引用块颜色, 标题样式和颜色, 行内代码样式)
Typora主题库中的主题总有自己不喜欢的部分所以自己在github主题的基础上做了一些更改打开主题文件夹首先需要找到需要更改的文件的位置文件→偏好设置→外观→主题→打开主题文件夹给gith ...
MarkDown行内代码块怎么打出符号`
MarkDown行内代码块怎么打出符号ˋ 1.一般行内代码块: `p` 效果:p 2.显示ˋ (1)如果用 `ˋ` 效果:会被识别为代码块的开头 (2)如果用 `\ˋ` 效果:会被识别三个点 (3)因 ...
Bootstrap源代码多行代码
一般使用 <pre> 标签来包裹多行代码,这会保证代码中的回车.换行.空格.制表符等原有格式不变.Bootstrap也为多行代码添加了背景颜色和边框. 从美观方面考虑,还可以对源代码进行语 ...
python必背100源代码-100行Python代码实现一款高精度免费OCR工具
近期Github开源了一款基于Python开发.名为Textshot的截图工具,刚开源不到半个月已经500+Star. 这两天抽空看了一下Textshot的源码,的确是一个值得介绍的项目. 相对于大多 ...
python代码示例500行源代码-500行Python代码打造刷脸考勤系统，其实也就那么简单...
需求分析 "员工刷脸考勤"系统,采用Python语言开发,可以通过摄像头添加员工面部信息,这里就涉及到两个具体的个问题,一个是应该以什么样的数据来标识每一个员工的面部信息,二是持久 ...
测试一下文章行内代码的显示
原题链接:点这儿. 网易的题还是有技术含量的,二分和数学和优美暴力考察得较多,这些东西在工作中确实很重要,都是优化程序的方法. 第一题:牛牛找工作题目: 为了找到自己满意的工作,牛牛收集了每种工作的 ...
python必背100源代码-100行Python代码实现自动抢火车票（附源码）
前言又要过年了,今年你不妨自己写一段代码来抢回家的火车票,是不是很Cool.下面话不多说了,来一起看看详细的介绍吧. 先准备好: 12306网站用户名和密码 chrome浏览器及下载chromedr ...
人脸检测颜值源代码python_50行Python代码识别杨超越的颜值
行哥又又又又拿杨超越做封面了,只因为昨天群里有小伙伴想学下人脸识别但是如果要详细介绍的话,那这个故事得从opencv的那个夏天说起,对于python小白来说,门槛有点高.所以行哥今天先给大家介绍一个 ...
python抢购火车票源代码_100行Python代码实现自动抢火车票（附源码）
前言又要过年了,今年你不妨自己写一段代码来抢回家的火车票,是不是很Cool.下面话不多说了,来一起看看详细的介绍吧. 先准备好: 12306网站用户名和密码 chrome浏览器及下载chromedr ...

Bootstrap 源代码之行内代码

行内代码

Bootstrap 源代码之行内代码相关推荐

最新文章

热门文章