Created
January 22, 2022 10:18
-
-
Save gh640/47768d597976343f328c6d73d80fcd89 to your computer and use it in GitHub Desktop.
サンプル: HTML で基本的な要素のスタイルのチェックに使用するためのテンプレート
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE> | |
| <html> | |
| <head> | |
| <title>スタイルディクショナリ</title> | |
| </head> | |
| <body> | |
| <h1>スタイルディクショナリ</h1> | |
| <h2>共通</h2> | |
| <h3>フォント</h3> | |
| <p> | |
| あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。 | |
| </p> | |
| <p> | |
| またそのなかでいっしょになったたくさんのひとたち、ファゼーロとロザーロ、羊飼のミーロや、顔の赤いこどもたち、地主のテーモ、山猫博士のボーガント・デストゥパーゴなど、いまこの暗い巨きな石の建物のなかで考えていると、みんなむかし風のなつかしい青い幻燈のように思われます。では、わたくしはいつかの小さなみだしをつけながら、しずかにあの年のイーハトーヴォの五月から十月までを書きつけましょう。 | |
| </p> | |
| <h3>基本色</h3> | |
| <h2>見出し</h2> | |
| <h1>H1: 見出し 1</h1> | |
| <h2>H2: 見出し 2</h2> | |
| <h3>H3: 見出し 3</h3> | |
| <h4>H4: 見出し 4</h4> | |
| <h5>H5: 見出し 5</h5> | |
| <h6>H6: 見出し 6</h6> | |
| <h2>ブロック要素</h2> | |
| <h3>パラグラフ</h3> | |
| <p> | |
| パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。 | |
| </p> | |
| <p> | |
| パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。パラグラフ。 | |
| </p> | |
| <h3>リスト</h3> | |
| <ul> | |
| <li>順序なしリスト</li> | |
| <li>順序なしリスト</li> | |
| <li> | |
| 順序なしリスト | |
| <ul> | |
| <li>順序なしリストの入れ子</li> | |
| <li>順序なしリストの入れ子</li> | |
| <li>順序なしリストの入れ子</li> | |
| </ul> | |
| </li> | |
| <li>順序なしリスト</li> | |
| <li>順序なしリスト</li> | |
| </ul> | |
| <ol> | |
| <li>順序つきリスト</li> | |
| <li>順序つきリスト</li> | |
| <li> | |
| 順序つきリスト | |
| <ol> | |
| <li>順序つきリストの入れ子</li> | |
| <li>順序つきリストの入れ子</li> | |
| <li>順序つきリストの入れ子</li> | |
| </ol> | |
| </li> | |
| <li>順序つきリスト</li> | |
| <li>順序つきリスト</li> | |
| </ol> | |
| <dl> | |
| <dt>辞書リストのタイトル</dt> | |
| <dd>辞書リストの本文。辞書リストの本文。辞書リストの本文。辞書リストの本文。辞書リストの本文。辞書リストの本文。辞書リストの本文。</dd> | |
| </dl> | |
| <h3>テーブル</h3> | |
| <table> | |
| <thead> | |
| <tr> | |
| <th>名前</th> | |
| <th>電話番号</th> | |
| <th>コメント</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td>近江太郎</td> | |
| <td>0120-444-444</td> | |
| <td>近江太郎です。</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <table class="table-vertical"> | |
| <tbody> | |
| <tr> | |
| <th>名前</th> | |
| <td>近江太郎</td> | |
| </tr> | |
| <tr> | |
| <th>電話番号</th> | |
| <td>0120-444-444</td> | |
| </tr> | |
| <tr> | |
| <th>コメント</th> | |
| <td>近江太郎です。</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <blockquote> | |
| 引用文。引用文。引用文。引用文。引用文。引用文。引用文。引用文。引用文。引用文。引用文。引用文。 | |
| </blockquote> | |
| <pre> | |
| 整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。整形済みテキスト。 | |
| </pre> | |
| <h2>インライン要素</h2> | |
| <h3>強調 1</h3> | |
| <strong>強調</strong> | |
| <h3>強調 2</h3> | |
| <b>強調</b> | |
| <h3>リンク</h3> | |
| 詳しくは<a href="">こちら</a>をご覧ください。 | |
| <h3>コード編</h3> | |
| 出力には <code>print()</code> 関数を使用します。 | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment