Files
core/HtmlFile2/examples/test4.xhtml
Svetlana Kulikova 7f9be93d20 tooltip to link text
2020-08-07 15:10:17 +03:00

104 lines
6.7 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?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: center; padding:0pt; margin: 0pt; }
</style>
</head>
<body>
<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> Oer 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>Элемент &lt;mark&gt; используется для <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></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>