help/rtfd/public/web/index.html

240 lines
4.4 KiB
HTML
Raw Normal View History

2025-01-24 14:21:15 +01:00
<!DOCTYPE html>
2025-01-27 00:31:16 +01:00
<html lang="en">
2025-02-10 15:36:53 +01:00
<head>
<meta charset="UTF-8">
<meta name="description" content="Brief description of page.">
<meta name="keywords" content="keyword, wordkey">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Title.</title>
<link rel="stylesheet" href="style/main.css">
<script defer src="script/debug.js"></script>
</head>
<body>
<!-- headers -->
<header id="debug">
</header>
<header>
<img src="images/logo.svg" alt="Logo of the website.">
<nav aria-label="Main navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="some.html">Some</a></li>
<li><a href="other.html">Other</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</header>
<!-- main -->
<main>
<!-- Comment. -->
<h1>This is some long root heading</h1>
<div class="sectionless">
<p><span class="thing">It</span> is <strong>important</strong>.</p>
<p>Oh yeah, <em>sure</em></p>
</div>
<div class="columns">
<div>
First column to describe the associated
image of a debian landscape debanner.
</div>
<div>
<img src="images/debanner.jpeg" alt="Debian banner.">
</div>
</div>
<div class="wrapper">
<section>
<h2>A Heading</h2>
<ol>Ordered:
2025-01-26 17:23:23 +01:00
<li>Some item</li>
<li>Another item</li>
2025-02-10 15:36:53 +01:00
</ol>
<p>Another paragraph.</p>
</section>
<section>
<h2><span class="thing">Another</span> Heading</h2>
<ul>Unordered:
2025-01-26 17:23:23 +01:00
<li>Some item</li>
<li>Another item</li>
2025-02-10 15:36:53 +01:00
</ul>
<time>Time.</time>
</section>
<section>
<h2>Yet Another Heading</h2>
<h3>Sub Heading</h3>
<p>
2025-01-27 14:52:09 +01:00
1________11________21________31________41<br>
2025-01-27 11:48:41 +01:00
Yet another paragraph that is quite a bit longer than others.
2025-02-10 15:36:53 +01:00
</p>
</section>
</div>
2025-01-24 14:52:14 +01:00
2025-02-10 17:11:02 +01:00
<a href="#debug">#debug</a>
<a href="relative/destination">Go elsewhere…</a>
<abbr title="HTML">HyperText Markup Language</abbr>
<address>
<p>Street</p>
<p>Town</p>
</address>
<blockquote>
<p>Life is like golf.</p>
<cite>Unknown</cite>
</blockquote>
2025-02-10 18:24:23 +01:00
<dl>
<dt>something</dt>
<dd>its description</dd>
<dt>another thing</dt>
<dd>yet another description</dd>
</dl>
2025-02-10 18:09:53 +01:00
<figure>
<!-- or audio or video -->
<img src="rel/dest" alt="figure/image">
<figcaption>Caption for the figure.</figcaption>
</figure>
2025-02-10 19:22:49 +01:00
<form action="/route" method="POST">
<!--
<button>
<fieldset>
<legend>
</fieldset>
<label>Label for checkbox
<input value="" name="cb" type="checkbox" placeholder="Checkbox">
</label>
<label>Label for date
<input value="" name="dt" type="date" placeholder="Date">
</label>
<label>Label for email
<input value="" name="em" type="email" placeholder="Email">
</label>
<label>Label for file
<input value="" name="fl" type="file" placeholder="File">
</label>
<label>Label for number
<input value="" name="nb" type="number" placeholder="Number">
</label>
<label>Label for password
<input value="" name="pw" type="password" placeholder="Password">
</label>
<label>Label for radio
<input value="" name="rd" type="radio" placeholder="Radio">
</label>
<label>Label for submit
<input value="" name="sm" type="submit" placeholder="Submit">
</label>
<label>Label for text
<input value="" name="tt" type="text" placeholder="Text">
</label>
<select>
<option>
<option>
</select>
<textarea name="ta" maxlength="512">
Text
</textarea>
-->
</form>
2025-02-10 17:11:02 +01:00
<kbd>kbd</kbd>
<p><dfn>Def</dfn>Definition</p>
<pre>
This is multiline,
respecting non-br lf.
</pre>
2025-02-10 18:24:23 +01:00
<table>
<caption>Total table</caption>
<thead>
<tr>
<th />
<th>th</th>
<th>th</th>
</tr>
</thead>
<tbody>
<tr>
<th>th</th>
<td>td</td>
<td>td</td>
</tr>
<tr>
<th>th</th>
<td>td</td>
<td>td</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>gross total</th>
<td>td</td>
<td>td</td>
</tr>
<tr>
<th>net total</th>
<td>td</td>
<td>td</td>
</tr>
</tfoot>
</table>
2025-02-10 16:10:05 +01:00
<ul>
<li><strong>strong</strong></li>
<li><em>em</em></li>
<li><sub>sub</sub></li>
<li><sup>sup</sup></li>
<li><mark>mark</mark></li>
<li><del>del</del></li>
2025-02-10 17:11:02 +01:00
<li><ins>ins</ins></li>
2025-02-10 16:10:05 +01:00
</ul>
2025-02-10 18:09:53 +01:00
<audio controls>
<source src="rel/dest">
KO audio
</audio>
<video controls>
<source src="rel/dest">
KO video
</video>
2025-02-10 15:36:53 +01:00
</main>
2025-01-24 14:52:14 +01:00
2025-02-10 15:36:53 +01:00
<!-- footers -->
2025-01-24 14:52:14 +01:00
2025-02-10 15:36:53 +01:00
<footer>
Footer.
</footer>
2025-02-10 15:27:23 +01:00
2025-02-10 15:36:53 +01:00
<!-- </> -->
2025-01-24 14:21:15 +01:00
2025-02-10 15:36:53 +01:00
</body>
2025-01-24 14:21:15 +01:00
</html>