ページのスタイル
見出しのスタイル
見出し2
<h2>見出し2</h2>
見出し3
<h3>見出し3</h3>
見出し4
<h4>見出し4</h4>
見出し5
<h5>見出し5</h5>
箇条書きスタイル
- 箇条書き1
- 箇条書き2
- 箇条書き3
<ul> <li>箇条書き1</li> <li>箇条書き2</li> <li>箇条書き3</li> </ul>
- 箇条書き1
- 箇条書き2
- 箇条書き3
<ol> <li>箇条書き1</li> <li>箇条書き2</li> <li>箇条書き3</li> </ol>
- 定義
- 定義データ
- 定義
- 定義データ
- 定義
- 定義データ
<dl> <dt>定義</dt> <dd>定義データ</dd> <dt>定義</dt> <dd>定義データ</dd> <dt>定義</dt> <dd>定義データ</dd> </dl>
その他スタイル
引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。
<blockquote>引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。</blockquote>
イメージボックススタイル
見出し4
文章が入ります文章が入ります文章が入ります文章が入ります文章が入ります文章が入ります
テーブルスタイル
テーブル見出し | テーブル見出し | テーブル見出し |
---|---|---|
テーブルのデータ | テーブルのデータ | テーブルのデータ |
テーブルのデータ | テーブルのデータ | テーブルのデータ |
<table> <tbody> <tr> <th>テーブル見出し</th> <th>テーブル見出し</th> <th>テーブル見出し</th> </tr> <tr> <td>テーブルのデータ</td> <td>テーブルのデータ</td> <td>テーブルのデータ</td> </tr> <tr> <td>テーブルのデータ</td> <td>テーブルのデータ</td> <td>テーブルのデータ</td> </tr> </tbody> </table>
テーブル見出し | テーブルのデータ | テーブルのデータ |
---|---|---|
テーブル見出し | テーブルのデータ | テーブルのデータ |
<table> <tbody> <tr> <th>テーブル見出し</th> <td>テーブルのデータ</td> <td>テーブルのデータ</td> </tr> <tr> <th>テーブル見出し</th> <td>テーブルのデータ</td> <td>テーブルのデータ</td> </tr> </tbody> </table>
フォームスタイル
<form method="post" action="" enctype="multipart/form-data"> <table> <tbody> <tr> <th>会社名</th> <td><input type="text" name="会社名" size="60" value="" /></td> </tr> <tr> <th>お名前(必須)</th> <td><input type="text" name="お名前" size="60" value="" /></td> </tr> <tr> <th>部署または役職</th> <td><input type="text" name="部署または役職" size="60" value="" /></td> </tr> <tr> <th>ご住所</th> <td><input type="text" name="ご住所" size="60" value="" /></td> </tr> <tr> <th>TEL(必須)</th> <td><span class="mwform-tel-field"> <input type="text" name="TEL[data][0]" size="6" maxlength="5" /> - <input type="text" name="TEL[data][1]" size="5" maxlength="4" /> - <input type="text" name="TEL[data][2]" size="5" maxlength="4" /> <input type="hidden" name="TEL[separator]" value="-" /> </span></td> </tr> <tr> <th>FAX</th> <td><span class="mwform-tel-field"> <input type="text" name="FAX[data][0]" size="6" maxlength="5" /> - <input type="text" name="FAX[data][1]" size="5" maxlength="4" /> - <input type="text" name="FAX[data][2]" size="5" maxlength="4" /> <input type="hidden" name="FAX[separator]" value="-" /> </span></td> </tr> <tr> <th>Eメール(必須)</th> <td><input type="text" name="Eメール" size="60" value="" /></td> </tr> <tr> <th>内容(必須)</th> <td><textarea name="内容" cols="50" rows="5"></textarea></td> </tr> </tbody> </table> <p> <input type="submit" name="submitConfirm" value="確認" /> <input type="reset" name="reset" value="リセット"> </p> </form>
404スタイル
404 Not Found – お探しのページは見つかりませんでした。
お探しのページは移動もしくは削除された可能性があります。
このページをブックマークに登録されていた方は、お手数ですがブックマークの変更をお願い致します。
ページカテゴリスタイル
-
見出し2が入ります。見出し2が入ります。見出し2が入
説明が入ります。説明が入ります。説明が入ります。説明が入ります。説明が入ります。 …
<dl class="page-cat clearFix"> <dt><a href="" ><img src="../img/sample.png" alt="サンプル画像"></a></dt> <dd> <h3><a href="">見出し2が入ります。見出し2が入ります。見出し2が入</a></h3> <div class="smanone"> <p>説明が入ります。説明が入ります。説明が入ります。説明が入ります。説明が入ります。 … </p> </div> </dd> </dl>
投稿カテゴリスタイル
-
見出し2が入ります。見出し2が入ります。見出し2が入
2015/08/29 ブログ
説明が入ります。説明が入ります。説明が入ります。説明が入ります。説明が入ります。 …
<dl class="post-cat clearFix"> <dt><a href="" ><img src="../img/sample.png" alt="サンプル画像"></a></dt> <dd> <h3><a href="">見出し2が入ります。見出し2が入ります。見出し2が入</a></h3> <div class="blog_info"> <p>2015/08/29 <a href="#" rel="category tag">ブログ</a></p> </div> <div class="smanone"> <p>説明が入ります。説明が入ります。説明が入ります。説明が入ります。説明が入ります。 … </p> </div> </dd> </dl>
お問い合わせリンクスタイル
<p class="contact"><img src="../img/al_mn_contact.png" alt="お問い合わせはこちらからよろしくお願いします。"></p>
ウェブフォント
ホーム
チェック
ダウンロード
注意
カート
<p><i class="fa fa-home"></i> ホーム</p> <p><i class="fa fa-check"></i> チェック</p> <p><i class="fa fa-download"></i> ダウンロード</p> <p><i class="fa fa-warning"></i> 注意</p> <p><i class="fa fa-shopping-cart"></i> カート</p>
jquery cycle
<div id="cycle"> <img src="../img/sample.png" alt="サンプル画像"> <img src="../img/sample2.png" alt="サンプル画像"> <img src="../img/sample3.png" alt="サンプル画像"> </div> <div id="nav"></div>
レスポンシブで横長画像の差し替え
プラグインなし
プラグインあり
<img class="res_img" src="../img/responsiveimg.png"> ※スマートフォンサイズ(468px以下)ではresponsiveimg_sp.pngという画像に切り替わる