gpui-component/crates/story/examples/html.html

102 lines
2.8 KiB
HTML

<article>
<h1>A simple HTML document</h1>
<div>
Here is a test in div.
<p>
This is a paragraph inside a div element, have
<mention>@Mention Tag</mention>
<a href="https://google.com"
>Link with: <b>Bold <i>italic</i></b></a
>, <strong>bold</strong>, <em>italic</em>, and
<code>code</code> text.
</p>
<div>
<p>This is second paragraph.</p>
</div>
A text after div.
<p>
这是一个中文演示段落,用于展示更多的
<a href="https://github.github.com/gfm/">Markdown GFM</a>
内容。これは日本語のデモ段落です。の多言語サポートを示すためのテキストが含まれています。
</p>
</div>
<div>
<h2>List</h2>
Example for Bulleted and Numbered List:
<h3>Numbered List</h3>
Text before the Numbered List.
<ol>
<li>
Numbered item 1
<ol>
<li>Sub item 1</li>
<li>Sub item 2</li>
</ol>
</li>
<li>Numbered item 2</li>
<li>Numbered item 3</li>
</ol>
Text after the Numbered List.
<h3>Bulleted List</h3>
Text before the Bulleted List.
<ul>
<li>
Bullet 1
<ol>
<li>Sub Numbered 1</li>
<li>Sub Numbered 2</li>
</ol>
</li>
<li>Bullet 2</li>
</ul>
Text after the Bulleted List.
</div>
Text before the section.
<section>
<h2>Table</h2>
Text before the table.
<table>
<thead>
<tr>
<th>Head 1</th>
<th>Head 2</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Cell</strong> 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</tbody>
</table>
Text after the table.
</section>
Text after the section.
<section>
<h2>Images</h2>
<img
src="https://www.rust-lang.org/logos/rust-logo-blk.svg"
alt="Rust"
width="100"
height="100"
/>
Text before the image.
<img
src="https://www.rust-lang.org/logos/rust-logo-blk.svg"
alt="Rust"
width="100%"
/>
Text after the image.
<img
src="https://www.rust-lang.org/logos/rust-logo-blk.svg"
alt="Rust"
style="width: 100%"
/>
</section>
</article>