mirror of https://github.com/sharkdp/bat.git
116 lines
2.8 KiB
HTML
116 lines
2.8 KiB
HTML
<!DOCTYPE html SYSTEM "about:legacy-compat">
|
|
<html>
|
|
<!-- Behold my erudite commentary -->
|
|
<head>
|
|
<title>Bat Syntax Test</title>
|
|
<meta charset="utf-8">
|
|
<script>
|
|
const x = 'world';
|
|
function logGreeting() {
|
|
console.log(`Hello, ${x}`);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<h1>Here find some simple tags</h1>
|
|
<br />
|
|
<p center style="color: rebeccapurple;">
|
|
Lorem <strong>ipsum</strong> dolor sit amet consectetur adipisicing
|
|
elit. A quo, autem quaerat explicabo impedit mollitia amet molestiae
|
|
nulla cum architecto ducimus itaque sit blanditiis quasi animi optio ab
|
|
facilis nihil?
|
|
</p>
|
|
<p>
|
|
Here are some escaped characters: & (ampersand), à (a with grave), № (numero sign).
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h1>This is a form that demonstrates loose attribute formatting</h1>
|
|
<form action="POST">
|
|
<input
|
|
disabled
|
|
type="text"
|
|
name="text input"
|
|
id="specificTextInput"
|
|
value="yes"
|
|
/>
|
|
</form>
|
|
</div>
|
|
<div>
|
|
<h1>A table with normal closing tags</h1>
|
|
<table>
|
|
<caption>
|
|
Pet Features
|
|
</caption>
|
|
<colgroup>
|
|
<col />
|
|
<col />
|
|
<col />
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th>Feature</th>
|
|
<th>Cat</th>
|
|
<th>Dog</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Tail</td>
|
|
<td>✔</td>
|
|
<td>✔</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Eyes</td>
|
|
<td>✔</td>
|
|
<td>✔</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Ears</td>
|
|
<td>✔</td>
|
|
<td>✔</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Barking</td>
|
|
<td></td>
|
|
<td>✔</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Litter Box</td>
|
|
<td>✔</td>
|
|
<td></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div>
|
|
<h1>A table without closing tags</h1>
|
|
<table>
|
|
<caption>Pet Features
|
|
<colgroup><col><col><col>
|
|
<thead>
|
|
<tr> <th>Feature <th>Cat <th>Dog
|
|
<tbody>
|
|
<tr> <td>Tail <td>✔ <td>✔
|
|
<tr> <td>Eyes <td>✔ <td>✔
|
|
<tr> <td>Ears <td>✔ <td>✔
|
|
<tr> <td>Barking <td> <td>✔
|
|
<tr> <td>Litter Box <td>✔ <td>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div>
|
|
<h1>A math section with CDATA</h1>
|
|
<p>You can add a string to a number, but this stringifies the number:</p>
|
|
<math>
|
|
<ms><![CDATA[a / b]]></ms>
|
|
<mo>-</mo>
|
|
<mn>7</mn>
|
|
<mo>=</mo>
|
|
<ms><![CDATA[a / b - 7]]></ms>
|
|
</math>
|
|
</div>
|
|
</body>
|
|
</html>
|