レギュレーション

H2-ヘッドライン。ヘッドライン。ヘッドライン。ヘッドライン。

<h2>H2-ヘッドライン。ヘッドライン。ヘッドライン。ヘッドライン。</h2>

H3-ヘッドライン。ヘッドライン。ヘッドライン。ヘッドライン。ヘッドライン。ヘッドライン。

<h3>H3-ヘッドライン。ヘッドライン。ヘッドライン。ヘッドライン。ヘッドライン。ヘッドライン。</h3>

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

赤文字
<span style="color: #ff0000;">赤文字</span>
#ff0000の代わりにWebカラーを指定すると他の色に代わります

赤文字&太文字
<span style="color: #ff0000;"><strong>赤文字&太文字</strong></span>

ボタン
<a href="リンク先" class="button">ボタン</a>

大きい文字
<span class="font-l">大きい文字</span>
大きい文字
<span class="font-l red">大きい文字で赤</span>

リストタグ

<ul>
<li>ul-li ul-li ul-li ul-li</li>
<li>ul-li ul-li ul-li ul-li</li>
<li>ul-li ul-li ul-li ul-li</li>
</ul>

  1. ol-li ol-li ol-li ol-li
  2. ol-li ol-li ol-li ol-li
  3. ol-li ol-li ol-li ol-li

<ol>
<li>ol-li ol-li ol-li ol-li</li>
<li>ol-li ol-li ol-li ol-li</li>
<li>ol-li ol-li ol-li ol-li</li>
</ol>

DL-DT-DD

txtx txtx txtxtxtxtxt xtxtxtx txtxtxt xtxtx txtxtx txtxt xtxt
txtx txtx txtxtxtxtxt xtxtxtx txtxtxt xtxtx txtxtx txtxt xtxt txtx txtx txtxtxtxtxt xtxtxtx txtxtxt xtxtx txtxtx txtxt xtxt

<dl>
<dt>txtx txtx txtxtxtxtxt xtxtxtx txtxtxt xtxtx txtxtx txtxt xtxt</dt>
<dd>
<p>txtx txtx txtxtxtxtxt xtxtxtx txtxtxt xtxtx txtxtx txtxt xtxt txtx txtx txtxtxtxtxt xtxtxtx txtxtxt xtxtx txtxtx txtxt xtxt</p>
</dd>
</dl>

txtx txtx txtxtxtxtxt xtxtxtx txtxtxt xtxtx txtxtx txtxt xtxt
txtx txtx txtxtxtxtxt xtxtxtx txtxtxt xtxtx txtxtx txtxt xtxt txtx txtx txtxtxtxtxt xtxtxtx txtxtxt xtxtx txtxtx txtxt xtxt

ボタン

blockquote

合宿担当
理事:
杉山 忠昭(花王)
足羽 教史(インクリメントP)

幹事:
林 佳代(エンワールド)
不室 和人(エポック社)
木村 紳一(ライオン)
深町 恒之(トムソンロイター)

⇒ お問合せ等は、事務局・坂本まで。
メール又はTEL  03-5442-8701 (月、火、木)

<blockquote style="margin-top:100px;"><strong>合宿担当</strong>
理事:
杉山 忠昭(花王)
足羽 教史(インクリメントP)

幹事:
林 佳代(エンワールド)
不室 和人(エポック社)
木村 紳一(ライオン)
深町 恒之(トムソンロイター)</blockquote>

【解説】
style="margin-top:100px;"で上部の余白を設定(上のマージンを100px取る)

table

TH TD-txttxttxttxttxt
TH TD-txttxttxttxttxt
TH TD-txtt. xtt. xttxtt. xttxttxttxttxtt. xttxttxttx. ttxttxttxttxttxttxttxttxtt. xttxttxttxttx. ttxttxttxttxtt. xttxttxttxttxttxttxttxt. txttxt.

<table>
<tr>
<th>TH</th>
<td>TD-txttxttxttxttxt</td>
</tr>
<tr>
<th>TH</th>
<td>TD-txttxttxttxttxt</td>
</tr>
<tr>
<th>TH</th>
<td>TD-txtt. xtt. xttxtt. xttxttxttxttxtt. xttxttxttx. ttxttxttxttxttxttxttxttxtt. xttxttxttxttx. ttxttxttxttxtt. xttxttxttxttxttxttxttxt. txttxt.</td>
</tr>
</table>

2カラム

txtt. xtt. xttxtt. xttxttxttxttxtt. xttxttxttx. ttxttxttxttxttxttxttxttxtt. xttxttxttxttx.ttxttxttxttxtt. xttxttxttxttxttxttxttxt. txttxttxtt. xtt. xttxtt. xttxttxttxttxtt. xttxttxttx. ttxttxttxttxttxttxttxttxtt. xttxttxttxttx. ttxttxttxttxtt. xttxttxttxttxttxttxttxt.txttxt

txtt. xtt. xttxtt. xttxttxttxttxtt. xttxttxttx. ttxttxttxttxttxttxttxttxtt. xttxttxttxttx. ttxttxttxttxtt. xttxttxttxttxttxttxttxt. txttxt
txt

<div class=”contents02″>
<div class=”left”>
<p>txtt. xtt. xttxtt. xttxttxttxttxtt. xttxttxttx. ttxttxttxttxttxttxttxttxtt. xttxttxttxttx.ttxttxttxttxtt. xttxttxttxttxttxttxttxt. txttxttxtt. xtt. xttxtt. xttxttxttxttxtt. xttxttxttx. ttxttxttxttxttxttxttxttxtt. xttxttxttxttx. ttxttxttxttxtt. xttxttxttxttxttxttxttxt.txttxt</p>
<p>txtt. xtt. xttxtt. xttxttxttxttxtt. xttxttxttx. ttxttxttxttxttxttxttxttxtt. xttxttxttxttx. ttxttxttxttxtt. xttxttxttxttxttxttxttxt. txttxt
txt</p>
</div>
<div class=”right”>
<p><img src=”https://www.inca.gr.jp/wp-content/uploads/2017/07/500.gif” alt=”” width=”500″ height=”247″ class=”aligncenter size-full wp-image-206″ /><p>
</div>
</div>

活動報告ページ要素

txtt. xtt. xttxtt. xttxttxttxttxtt. xttxttxttx. ttxttxttxttxttxttxttxttxtt. xttxttxttxttx.ttxttxttxttxtt. xttxttxttxttxttxttxttxt. txttxttxtt. xtt. xttxtt. xttxttxttxttxtt. xttxttxttx. ttxttxttxttxttxttxttxttxtt. xttxttxttxttx. ttxttxttxttxtt. xttxttxttxttxttxttxttxt.txttxt

txtt. xtt. xttxtt. xttxttxttxttxtt. xttxttxttx. ttxttxttxttxttxttxttxttxtt. xttxttxttxttx. ttxttxttxttxtt. xttxttxttxttxttxttxttxt. txttxt
txt

ボタン

<div class=”contents01″>
<div class=”left”><p><img src=”https://www.inca.gr.jp/wp-content/uploads/2017/07/300.gif” alt=”” width=”300″ height=”240″ class=”aligncenter size-full wp-image-209″ /></p></div>
<div class=”right”>
<p>txtt. xtt. xttxtt. xttxttxttxttxtt. xttxttxttx. ttxttxttxttxttxttxttxttxtt. xttxttxttxttx.ttxttxttxttxtt. xttxttxttxttxttxttxttxt. txttxttxtt. xtt. xttxtt. xttxttxttxttxtt. xttxttxttx. ttxttxttxttxttxttxttxttxtt. xttxttxttxttx. ttxttxttxttxtt. xttxttxttxttxttxttxttxt.txttxt</p>
<p>txtt. xtt. xttxtt. xttxttxttxttxtt. xttxttxttx. ttxttxttxttxttxttxttxttxtt. xttxttxttxttx. ttxttxttxttxtt. xttxttxttxttxttxttxttxt. txttxt
txt</p>
<p><a class=”button” href=”#”>ボタン</a></p>
</div>
</div>

その他の研究会を見る