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>
|