439 lines
16 KiB
HTML
439 lines
16 KiB
HTML
<?xml version='1.0' encoding='utf-8'?>
|
||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:epub="http://www.idpf.org/2007/ops">
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||
<meta name="calibre:cover" content="true"/>
|
||
<title>Cover</title>
|
||
<style type="text/css" title="override_css">
|
||
@page {padding: 0pt; margin:0pt}
|
||
body { text-align: left; padding:0pt; margin: 0pt; }
|
||
table { border: 1px solid black; }
|
||
th, td { border: 1px solid black; }
|
||
</style>
|
||
</head>
|
||
<body><address><span class="addr-line">McLean, Virginia</span></address><address><span class="addr-line">McLean, Virginia</span></address>
|
||
<select>
|
||
<optgroup label="Группа 1">
|
||
<option>Опция 1.1</option>
|
||
</optgroup>
|
||
<optgroup label="Группа 2">
|
||
<option>Опция 2.1</option>
|
||
<option>Опция 2.2</option>
|
||
</optgroup>
|
||
<optgroup label="Группа 3">
|
||
<option>Опция 3.1</option>
|
||
<option>Опция 3.2</option>
|
||
<option>Опция 3.3</option>
|
||
</optgroup>
|
||
</select>
|
||
<p>Мы почитаем следующие истины <del><em>священными & неоспоримыми</em></del> <ins>само собой разумеющимися</ins>.</p>
|
||
<p>Мы почитаем следующие истины <em>священными & неоспоримыми</em> само собой разумеющимися.</p>
|
||
|
||
<table>
|
||
<caption>My Caption</caption>
|
||
<thead>
|
||
<tr>
|
||
<th>Heading 1</th>
|
||
<th>Heading 2</th>
|
||
<th>Heading 3</th>
|
||
<th>Heading 4</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td rowspan="4">Long column</td>
|
||
<td colspan="3">Long row top</td>
|
||
</tr>
|
||
<tr>
|
||
<td>data</td>
|
||
<td>data</td>
|
||
<td>data</td>
|
||
</tr>
|
||
<tr>
|
||
<td>data</td>
|
||
<td colspan="2">2 cols merged</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3">Long row bottom</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<table>
|
||
<tr>
|
||
<th rowspan="2" colspan="2">Name</th>
|
||
<th rowspan="2">ID</th>
|
||
<th colspan="2">Membership Dates</th>
|
||
</tr>
|
||
<tr>
|
||
<th rowspan="2">Joined</th>
|
||
<th>Canceled</th>
|
||
</tr>
|
||
<tr>
|
||
<th>Margaret Nguyen</th>
|
||
<td>427311</td>
|
||
<td><time datetime="2010-06-03">June 3, 2010</time></td>
|
||
<td>0.00</td>
|
||
</tr>
|
||
<tr>
|
||
<th>Edvard Galinski</th>
|
||
<td>533175</td>
|
||
<td><time datetime="2011-01013">January 13, 2011</time></td>
|
||
<td rowspan="2" colspan="2"><time datetime="2017-04008">April 8, 2017</time></td>
|
||
</tr>
|
||
<tr>
|
||
<th>Hoshi Nakamura</th>
|
||
<td>601942</td>
|
||
<td><time datetime="2012-07-23">July 23, 2012</time></td>
|
||
</tr>
|
||
</table>
|
||
<table>
|
||
<caption>Color names and values</caption>
|
||
<tbody>
|
||
<tr>
|
||
<th scope="col">Name</th>
|
||
<th scope="col">HEX</th>
|
||
<th scope="col">HSLa</th>
|
||
<th scope="col">RGBa</th>
|
||
</tr>
|
||
<tr>
|
||
<th scope="row">Teal</th>
|
||
<td><code>#51F6F6</code></td>
|
||
<td><code>hsla(180, 90%, 64%, 1)</code></td>
|
||
<td><code>rgba(81, 246, 246, 1)</code></td>
|
||
</tr>
|
||
<tr>
|
||
<th scope="row">Goldenrod</th>
|
||
<td><code>#F6BC57</code></td>
|
||
<td><code>hsla(38, 90%, 65%, 1)</code></td>
|
||
<td><code>rgba(246, 188, 87, 1)</code></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<p>Simple table with header</p>
|
||
<table>
|
||
<tr>
|
||
<th>First name</th>
|
||
<th>Last name</th>
|
||
</tr>
|
||
<tr>
|
||
<td>John</td>
|
||
<td>Doe</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Jane</td>
|
||
<td>Doe</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<p>Table with thead, tfoot, and tbody</p>
|
||
<table>
|
||
<tfoot>
|
||
<tr>
|
||
<td>Footer content 1</td>
|
||
<td>Footer content 2</td>
|
||
</tr>
|
||
</tfoot>
|
||
<thead>
|
||
<tr>
|
||
<th>Header content 1</th>
|
||
<th>Header content 2</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>Body content 1</td>
|
||
<td>Body content 2</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<p>Table with colgroup</p>
|
||
<table>
|
||
<colgroup span="4"></colgroup>
|
||
<tr>
|
||
<th>Countries</th>
|
||
<th>Capitals</th>
|
||
<th>Population</th>
|
||
<th>Language</th>
|
||
</tr>
|
||
<tr>
|
||
<td>USA</td>
|
||
<td>Washington, D.C.</td>
|
||
<td>309 million</td>
|
||
<td>English</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Sweden</td>
|
||
<td>Stockholm</td>
|
||
<td>9 million</td>
|
||
<td>Swedish</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<p>Table with colgroup and col</p>
|
||
<table>
|
||
<colgroup>
|
||
<col style="background-color: #0f0"/>
|
||
<col span="2"/>
|
||
</colgroup>
|
||
<tr>
|
||
<th>Lime</th>
|
||
<th>Lemon</th>
|
||
<th>Orange</th>
|
||
</tr>
|
||
<tr>
|
||
<td>Green</td>
|
||
<td>Yellow</td>
|
||
<td>Orange</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<p>Simple table with caption</p>
|
||
<table>
|
||
<caption>Awesome caption</caption>
|
||
<tr>
|
||
<td>Awesome data</td>
|
||
</tr>
|
||
</table>
|
||
<h1>метоксихлор<wbr/>диэтиламино<wbr/>метил<wbr/>бутил<wbr/>амино<wbr/>акридин</h1>
|
||
<h1>How to Fish</h1>
|
||
<section>
|
||
<h2>Introduction</h2>
|
||
<p>People have been catching fish for food since before recorded history…</p>
|
||
</section>
|
||
<section>
|
||
<h2>Equipment</h2>
|
||
<p>The first thing you’ll need is a fishing rod or pole that you find comfortable and is strong enough for the kind of fish you’re expecting to land…</p>
|
||
</section>хай<ruby>
|
||
漢 <rp>(</rp>
|
||
<rt>Kan</rt>
|
||
<rp>)</rp>
|
||
字 <rp>(</rp>
|
||
<rt>ji</rt>
|
||
<rp>)</rp>
|
||
</ruby>хай<progress id="file" max="100" value="70"> 70% </progress>
|
||
<progress id="file" max="100" value="70"> 70% </progress>
|
||
<pre>
|
||
- -----
|
||
----- |-----
|
||
||----| ----||
|
||
||----- -----||
|
||
||-----| |-----||
|
||
|| ----- ------||
|
||
||- ----| |------||
|
||
||---||-- -------||
|
||
||--|| --| |-------||
|
||
|| -|| |-- --- - --||
|
||
|| -|| --|-|--| - ---|
|
||
|---|| |-----| |-----|
|
||
|---|| |---- |-----|
|
||
|----| --- |-----|
|
||
|----- ------|
|
||
</pre>
|
||
<ol>
|
||
<li>Mix flour, baking powder, sugar, and salt.<ol>
|
||
<li>Fee</li>
|
||
<li>Fi</li>
|
||
<li>Fo</li>
|
||
<li>Fum</li>
|
||
</ol>
|
||
</li>
|
||
<li>In another bowl, mix eggs, milk, and oil.</li>
|
||
<li>Stir both mixtures together.<ul>
|
||
<li>Blue cheese</li>
|
||
<li>Feta</li>
|
||
</ul>
|
||
</li>
|
||
<li>Fill muffin tray 3/4 full.</li>
|
||
<li>Bake for 20 minutes.</li>
|
||
</ol>
|
||
<nav>
|
||
<a href="1.html"><p>Чебурашка</p></a> | <a href="2.html">Гена</a> |
|
||
<a href="3.html">Шапокляк</a> | <a href="4.html">Лариска</a>
|
||
</nav>
|
||
<nav>
|
||
<a href="1.html">Чебурашка</a> | <a href="2.html">Гена</a> |
|
||
<a href="3.html">Шапокляк</a> | <a href="4.html">Лариска</a>
|
||
</nav>
|
||
<option value="value1">Значение 1</option>
|
||
<option value="value1">Значение 1</option>
|
||
<input type="radio" id="mothman" name="monster"/>
|
||
<label for="kraken">Kraken</label>
|
||
<input type="radio" id="mothman" name="monster"/>
|
||
<label for="kraken">Kraken</label>надо<hr/>надо<hr/>надо<hr/>надо<h1>Beetles</h1>надо
|
||
<h2>External morphology</h2>надо
|
||
<h3>Head</h3>надо
|
||
<h4>Mouthparts</h4>надо
|
||
<h3>Thorax</h3>надо
|
||
<h4>Prothorax</h4>надо
|
||
<h4>Pterothorax</h4>надо<fieldset>
|
||
<legend>Choose your favorite monster</legend>
|
||
<input type="radio" id="kraken" name="monster"/>
|
||
<label for="kraken">Kraken</label>
|
||
<br/>
|
||
<input type="radio" id="sasquatch" name="monster"/>
|
||
<label for="sasquatch">Sasquatch</label>
|
||
<br/>
|
||
<input type="radio" id="mothman" name="monster"/>
|
||
<label for="mothman">Mothman</label>
|
||
</fieldset>контентом <em>уровня блока</em> теперь новый<dl>новый
|
||
<dt>Beast of Bodmin</dt>новый
|
||
<dd>A large feline inhabiting Bodmin Moor.</dd>
|
||
новый
|
||
<dt>Morgawr</dt>новый
|
||
<dd>A sea serpent.</dd>
|
||
новый
|
||
<dt>Owlman</dt>новый
|
||
<dd>A giant owl-like creature.</dd>новый
|
||
</dl>Каждый див<div>новый</div>
|
||
<div>новый</div>
|
||
<div>новый</div>
|
||
A <dfn id="def-validator">validator</dfn> is дел не новый <del>nothing</del>
|
||
<option value="value1">Значение 1</option>дата <data>новый?</data>код <code>push()</code> ците не новый <cite>та </cite> блэкут <blockquote>новый</blockquote>детали новые? <details>
|
||
<summary>Details</summary>Something small enough to escape casual notice.</details>батон <button>конечно новый</button>
|
||
<button>это не так!</button>бдай <bdi>тоже</bdi> бдо <bdo>не новый</bdo> Жирный <b>не новый</b> Эсайд <aside>новый</aside>Артикл <article>Новый абзац</article>Адрес <address>Новый абзац</address>Ссылка <a href="https://developer.mozilla.org/ru/">Ссылка не новый абзац</a> Всё, что находится в боди - это один абзац. И лишь <em>некоторые</em>
|
||
<p>тэги</p> Этот абзац разбивают <br/>Что происходит <em>в этом потоке</em> А если я использую p, то будет новый абзац.. <p>Абзац1</p> И здесь новый.. <em>Какой в этом смысл</em>
|
||
<div>
|
||
<em>К Дун Дару они подкрались,</em>
|
||
<p>Абзац1 <em>Где юна ведьмачка скрывалась.</em>
|
||
</p> Абзац2 <em>Ночью как траур черной</em>
|
||
<p>Абзац3 наверное</p>
|
||
</div>
|
||
<div>Див ничего не делает</div>
|
||
<div>ХА, а вот и нет!</div>
|
||
<div>Каждый див - это новый абзац</div>
|
||
<div>Это безсмысленный контейнер</div>
|
||
<div>
|
||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%" viewBox="0 0 200 300" preserveAspectRatio="none">
|
||
<image width="200" height="300" xlink:href="image/fb2_cover_calibre_mi.jpg"/>
|
||
</svg>
|
||
<img src="data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0j
|
||
vb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAA
|
||
Re8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0Cc
|
||
guWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7" width="16" height="14" alt="внедренная иконка папки"/>
|
||
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
|
||
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
|
||
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot"/>
|
||
</div>
|
||
<div style="text-align:center;" epub:type="cover">
|
||
<img src="image/1.png" alt="1.png" style="max-width:100%;"/>
|
||
</div>
|
||
<p>You can use <abbr title="Cascading Style Sheets">CSS</abbr> to style your <abbr title="HyperText Markup Language">HTML</abbr>.</p>
|
||
<p>In the computer's memory, this is stored as <bdo dir="rtl">אה, אני אוהב להיות ליד חוף הים</bdo>
|
||
</p>
|
||
<p>
|
||
<bdo dir="rtl">А <bdo>роза</bdo>
|
||
<bdo dir="ltr">упала</bdo> на <bdo dir="rtl">лапу</bdo> Азора</bdo>
|
||
</p>
|
||
<p> O’er all the hilltops<br/>Is quiet now,<br/>In all the treetops<br/>Hearest thou<br/>Hardly a breath;<br/>The birds are asleep in the trees:<br/>Wait, soon like these<br/>Thou too shalt rest.</p>
|
||
<p>Use the command <kbd>help mycommand</kbd> to view documentation for the command "mycommand".</p>
|
||
<p>
|
||
<label>Click me <input type="text"/>
|
||
</label>
|
||
</p>
|
||
<p>Элемент <mark> используется для <mark>выделения</mark> текста</p>
|
||
<p>When Dave asks HAL to open the pod bay door, HAL answers: <q>I'm sorry, Dave. I'm afraid I can't do that.</q>
|
||
</p>
|
||
<p>
|
||
<ruby>字<rp>(</rp>
|
||
<rt>zì</rt>
|
||
<rp>)</rp>
|
||
</ruby>
|
||
<ruby>明日 <rp>(</rp>
|
||
<rt>Ashita</rt>
|
||
<rp>)</rp>
|
||
</ruby>
|
||
</p>
|
||
<p>This is the first sentence. <small>This whole sentence is in small letters.</small>
|
||
</p>
|
||
<p>
|
||
<big>Lorem</big> ipsum dolor sit amet</p>
|
||
<p>Прежде чем продолжить, <strong>убедитесь, что вы надели защитные очки</strong>.</p>
|
||
<p>В этой статье описывается элемент для форматирования <b class="keywords">текста</b>.</p>
|
||
<p>
|
||
<svg viewBox="0 0 300 100" xmlns="http://www.w3.org/2000/svg" stroke="red" fill="grey">
|
||
<circle cx="50" cy="50" r="40"/>
|
||
<circle cx="150" cy="50" r="4"/>
|
||
<svg viewBox="0 0 10 10" x="200" width="100">
|
||
<circle cx="5" cy="5" r="4"/>
|
||
</svg>
|
||
</svg>
|
||
</p>
|
||
<p>
|
||
<svg width="20" xmlns="http://www.w3.org/2000/svg">
|
||
<rect fill="#fc0" width="20" height="20"/>
|
||
<line stroke="black" x1="0" y1="0" x2="20" y2="20"/>
|
||
</svg>
|
||
</p>
|
||
<p>
|
||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 611.989 611.988">
|
||
<g>
|
||
<g id="Wi-Fi">
|
||
<g>
|
||
<path d="M305.994,417.769c-30.85,0-55.887,25.037-55.887,55.887s25.038,55.887,55.887,55.887s55.887-25.037,55.887-55.887
|
||
S336.843,417.769,305.994,417.769z M605.436,222.369C530.697,133.434,421.549,82.446,305.994,82.446
|
||
S81.309,133.434,6.551,222.369c-9.93,11.811-8.402,29.434,3.428,39.363c5.234,4.396,11.587,6.558,17.939,6.558
|
||
c7.973,0,15.891-3.391,21.423-9.967c64.084-76.248,157.639-119.989,256.652-119.989c99.013,0,192.568,43.741,256.651,119.971
|
||
c5.533,6.576,13.45,9.967,21.424,9.967c6.353,0,12.724-2.143,17.958-6.558C613.837,251.802,615.366,234.161,605.436,222.369z
|
||
M305.994,194.22c-82.545,0-160.489,36.419-213.879,99.926c-9.929,11.811-8.402,29.434,3.428,39.363
|
||
c5.234,4.396,11.605,6.558,17.958,6.558c7.973,0,15.891-3.391,21.405-9.967c42.716-50.838,105.086-79.993,171.089-79.993
|
||
c66.003,0,128.372,29.155,171.107,79.993c5.533,6.595,13.45,9.967,21.404,9.967c6.353,0,12.724-2.143,17.959-6.558
|
||
c11.829-9.929,13.356-27.57,3.428-39.363C466.483,230.64,388.539,194.22,305.994,194.22z M305.994,305.994
|
||
c-49.553,0-96.331,21.852-128.335,59.948c-9.93,11.811-8.402,29.434,3.428,39.363c5.234,4.396,11.605,6.557,17.958,6.557
|
||
c7.973,0,15.891-3.39,21.405-9.966c21.368-25.429,52.552-40.016,85.544-40.016s64.177,14.587,85.544,40.016
|
||
c5.533,6.595,13.45,9.966,21.405,9.966c6.353,0,12.724-2.142,17.958-6.557c11.83-9.93,13.357-27.553,3.428-39.363
|
||
C402.324,327.846,355.546,305.994,305.994,305.994z"/>
|
||
</g>
|
||
</g>
|
||
</g>
|
||
</svg>
|
||
</p>
|
||
<p>Just <textarea id="story" name="story" rows="5" cols="33">It was a dark and stormy night...</textarea>
|
||
</p>
|
||
<p>The volume of a box is <var>l</var> × <var>w</var> × <var>h</var>, where <var>l</var> represents the length, <var>w</var> the width and <var>h</var> the height of the box.</p>
|
||
<a href="https://developer.mozilla.org/ru/" target="_blank">
|
||
<img src="https://mdn.mozillademos.org/files/6851/mdn_logo.png" alt="MDN logo"/>
|
||
</a>
|
||
<a href="https://developer.mozilla.org/ru/" target="_blank" title="Rubor – краснота; calor – повышенная температура; tumor – припухлость; dolor – боль, страдания (лат.).">Ссылка</a>
|
||
<address>You can contact author at <a href="http://www.somedomain.com/contact">www.somedomain.com</a>.<br/>
|
||
If you see any bugs, please <a href="mailto:webmaster@somedomain.com">contact webmaster</a>.<br/>
|
||
You may also want to visit us:<br/>
|
||
Mozilla Foundation<br/>
|
||
1981 Landings Drive<br/>
|
||
Building K<br/>
|
||
Mountain View, CA 94043-0801<br/>
|
||
USA</address>
|
||
<article class="forecast">
|
||
<h1>Weather forecast for Seattle</h1>
|
||
<article class="day-forecast">
|
||
<h2>03 March 2018</h2>
|
||
<p>Rain.</p>
|
||
</article>
|
||
<article class="day-forecast">
|
||
<h2>04 March 2018</h2>
|
||
<p>Periods of rain.</p>
|
||
</article>
|
||
<article class="day-forecast">
|
||
<h2>05 March 2018</h2>
|
||
<p>Heavy rain.</p>
|
||
</article>
|
||
</article>
|
||
<aside>
|
||
<p>The Rough-skinned Newt defends itself with a deadly neurotoxin.</p>
|
||
</aside>
|
||
<p>
|
||
<del>This text has been deleted</del>, here is the rest of the paragraph.</p>
|
||
<del>
|
||
<p>This paragraph has been deleted.</p>
|
||
</del>
|
||
<ul>
|
||
<li>Milk</li>
|
||
<li>Cheese<ul>
|
||
<li>Blue cheese</li>
|
||
<li>Feta</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</body>
|
||
</html>
|