Bootstrap学习记录【4】
1.代码
一般在个人博客上使用较为频繁
(1)<code></code>
来显示单行代码,多行的话还是得用<br>
来分隔
例如:<code>你好</code>
结果:你好
(2)<pre></pre>
来显示多行代码块,保留原本格式,包括空格和回车,
①代码显示标签效果,显示html代码,需要使用字符实体,例如:<pre><h1>Hello,Word</h1></pre>
,要写成:<h1>Hello,Word</h1>
②当长度超过指定值,可以添加滚动条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