63 lines
1.5 KiB
HTML
63 lines
1.5 KiB
HTML
<html>
|
||
<head>
|
||
<title> Layout Test </title>
|
||
<link rel="stylesheet" type="text/css" href="style.css">
|
||
</head>
|
||
<body>
|
||
<h1> Layout Test Page </h1>
|
||
<p>
|
||
This is a test page used for deeloping the stylesheet used for all
|
||
the chapters once they have been converted to HTML.
|
||
</p>
|
||
<p class="light">
|
||
Here is some light text.
|
||
</p>
|
||
<p>
|
||
More normal text to fill up the page...
|
||
</p>
|
||
<p class="strong">
|
||
Here is some strong text.
|
||
</p>
|
||
<p>
|
||
It should have a slightly higher font weight than normal - ever so
|
||
slightly less than bold.
|
||
</p>
|
||
<p class="heavy">
|
||
Here is some heavy text.
|
||
</p>
|
||
<p>
|
||
It should have a significantly higher font weight than normal - ever
|
||
so slightly more than bold.
|
||
</p>
|
||
<p class="comment">
|
||
This is a comment paragraph.
|
||
</p>
|
||
<p>
|
||
There are also <span class="comment"> inline comments </span>.
|
||
</p>
|
||
<ul>
|
||
<li class="comment">
|
||
Another form of comments: List items.
|
||
</li>
|
||
<li class="comment">
|
||
Yaaaaay!
|
||
</li>
|
||
</ul>
|
||
<p>
|
||
Here are two types of pre-formatted text:
|
||
</p>
|
||
<pre class="terminal">
|
||
This is text on a terminal.
|
||
Hello World!
|
||
</pre>
|
||
<pre class="paper">
|
||
This is text printed to tractor feed paper.
|
||
Hello World!
|
||
Do you see them alternating lines?
|
||
Fancy, right?
|
||
I have no idea how I’m gonna actually build this but imagine alternating
|
||
lines on the paper.
|
||
</pre>
|
||
</body>
|
||
</html>
|