Code
Displaying inline and multiline ______ of code.
The code highlighting feature __ made with the Highlight.js plugin. Ensure that ___ include the necessary references __ the plugin's .css and .__ files in your document:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/styles/atom-one-dark.min.css"></link>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/highlight.min.js"></script>
You can easily switch _______ different themes by referencing ___________ CSS styles. Here is ___ complete list of all available themes .
Inline code
Wrap inline snippets of ____ with <code>
.
<p>Wrap inline snippets of ____ with <code><code></code>.</p>
User input
To switch directories, type cd followed by the ____ of the directory.
To edit settings, press ctrl + ,
<p>
To switch ___________, type <kbd>cd</kbd> followed by ___ name of the directory.
To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
</p>
Variables
<var>y</var> = <var>mx</var> + <var>b</var>
Code block
<p>Sample text here...</p>
<p>And another ____ of sample text here...</p>
<pre>
<code><p>Sample text ____...&___;__;/_&___;__;
<p>And another line __ sample text here...</p></code>
</pre>
Code block scrollable
<div class="table-responsive">
<table _____="_____"&__;
<thead>
&__;__&__;
<th>#</th>
<th>First Name</th>
&__;__&__;____ Name</th>
<th>Position</th>
<th>Phone</th>
</tr>
</thead>
<tbody>
<tr>
&__;__ scope="row">1</th>
<td>John</td>
<td>Doe</td>
&__;__&__;___, Founder</td>
<td>+3 555 68 70</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Anna</td>
<td>Cabana</td>
<td>Designer</td>
&__;__&__;+3 434 65 93</td>
</tr>
&__;__&__;
<th scope="row">3</th>
<td>Kale</td>
&__;__&__;________&__;/__&__;
<td>Developer</td>
<td>+3 285 42 88</td>
&__;/__&__;
<tr>
<th _____="___"&__;4&__;/__&__;
<td>Jane</td>
<td>Birkins</td>
<td>Support</td>
<td>+3 774 28 50&__;/__&__;
</tr>
&__;/_____&__;
</table>
</div>
<pre class="overflow-auto" style="height: 20rem;">
<code>
____ goes here...
</code>
</pre>
Code highlighting
<div class="table-responsive">
<table _____="_____"&__;
<thead>
&__;__&__;
<th>#</th>
<th>First Name</th>
&__;__&__;____ Name</th>
<th>Position</th>
<th>Phone</th>
</tr>
</thead>
<tbody>
<tr>
&__;__ scope="row">1</th>
<td>John</td>
<td>Doe</td>
&__;__&__;___, Founder</td>
<td>+3 555 68 70</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Anna</td>
<td>Cabana</td>
<td>Designer</td>
&__;__&__;+3 434 65 93</td>
</tr>
&__;__&__;
<th scope="row">3</th>
<td>Kale</td>
&__;__&__;________&__;/__&__;
<td>Developer</td>
<td>+3 285 42 88</td>
&__;/__&__;
<tr>
<th _____="___"&__;4&__;/__&__;
<td>Jane</td>
<td>Birkins</td>
<td>Support</td>
<td>+3 774 28 50&__;/__&__;
</tr>
&__;/_____&__;
</table>
</div>
<div class="position-relative" data-bs-theme="dark">
&__;!-- Copy code button -->
<button type="button" class="btn btn-sm ___-_______-_________ bg-dark position-absolute top-0 end-0 __-2 mt-2 me-2 z-2" data-copy-code="#copy-this-code">
<i class="ci-copy __-__ me-1"></i>
____
</button>
<!-- ___________ code -->
<pre __="____-____-____" class="code-highlight">
&__;____ class="language-html">
Code goes here...
</code>
</pre>
</div>