HTML・CSSガイド

見出し

見出し1

見出し2

見出し3

見出し4

見出し5

<h1>見出し1</h1>
<h2>見出し2</h2>
<h3>見出し3</h3>
<h4>見出し4</h4>
<h5>見出し5</h5>

段落/文字サイズ

文字サイズ(XL)

文字サイズ(L)

通常文字サイズ

文字サイズ(S)

文字サイズ(XS)

<p class=”xlarge”>文字サイズ(XL)</p>
<p class=”large”>文字サイズ(L)</p>
<p>通常文字サイズ</p>
<p class=”small”>文字サイズ(S)</p>
<p class=”xsmall”>文字サイズ(XS)</p>

リンク

<a href=”https://beyond-tomorrow.org/manual/”>テキストリンク</a>
<a class=”button” href=”https://beyond-tomorrow.org/manual/”>ボタン(通常)</a>
<a class=”button-line” href=”https://beyond-tomorrow.org/manual/”>ボタン(ライン)</a>

リスト

  • リスト1
  • リスト1
  • リスト1
  1. リスト2
  2. リスト2
  3. リスト2

<ul>
<li>リスト1</li>
<li>リスト1</li>
<li>リスト1</li>
</ul>

<ol>
<li>リスト2</li>
<li>リスト2</li>
<li>リスト2</li>
</ol>