原创 Bootstrap CSS入门初步学习---代码

最新推荐文章于 2024-04-27 01:30:55 发布

留家里哦哦哦

最新推荐文章于 2024-04-27 01:30:55 发布

阅读量524

点赞数 1

分类专栏：前端学习路径文章标签： bootstrap html

本文链接：https://blog.youkuaiyun.com/qq_46304554/article/details/121452848

版权

前端学习路径专栏收录该内容

13 篇文章

订阅专栏

当我们想在网页之中展示一些代码的时候，我们肯定要用到code，下面我来详细针对代码这一块做一个展示，大家可以结合代码对比图片来进行学习。
代码部分：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>程序代码的输入输出</title>
		<link rel="stylesheet" href="bootstrap.min.css">
	</head>
	<body>
		<div class="container">
			<!--code-->
			通过 &lt;code&gt;标签包裹内联样式的代码片段<br>
			<code>&lt;section&gt;,这里都是内联样式的代码片段哦</code><br>
			通过  &lt;kbd&gt;标签标记用户通过键盘输入的内容。
			<p>我希望现在能够键入<kbd>cmd</kbd>命令：<br/>
			按下<kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
			<pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>
			<pre>Sample text here...</pre>
			<var>x</var>=<var>y</var>+<var>z</var><br>
			<samp>输出：hello world</samp>
		</div>
	</body>
</html>