Bootstrap学习记录【4】【代码】

Bootstrap学习记录【4】

1.代码
      一般在个人博客上使用较为频繁
(1)<code></code>来显示单行代码,多行的话还是得用<br>来分隔
例如:<code>你好</code>
结果:你好

(2)<pre></pre>来显示多行代码块,保留原本格式,包括空格和回车,
①代码显示标签效果,显示html代码,需要使用字符实体,例如:<pre><h1>Hello,Word</h1></pre>,要写成:&lt;h1&gt;Hello,Word&lt;/h1&gt;

②当长度超过指定值,可以添加滚动条pre.pre-scrollable

(3)<kbd></kbd>来显示用户输入代码,产生键盘效果
例如:<p>使用<kbd>ctrl</kbd>+<kbd>s</kbd>保存内容<p>
结果:

使用ctrl+s保存内容

学习来源:
https://www.bilibili.com/video/BV1Pz4y1k7g5?from=search&seid=12895899452417695000
学习进度:99

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值