投稿ページの表示サンプルです！

サンプル文字 <h2 class=”idx01 red”> 〜 </h2>

サンプル文字 <h3 class=”idx02 blue”> 〜 </h3>

サンプル文字 <h4 class=”idx03 purple”> 〜 </h4>

サンプル文字 <h5 class=”idx04 pink”> 〜 </h5>

サンプル文字 <h6 class=”idx01 green”> 〜 </h6>

 

 

レンタルサーバーについて

Rental Serverはホームページやブログを開設する時に利用するものですが、どのような観点で選んでいるのでしょうか。
Rental Serverには幾つかの種類があり、それらを比較することが重要、もちろん、価格の比較も重要です。しかし、Rental Serverを利用する目的を明確にして、その目的に合ったサーバーを選ぶことが大切です。
サーバーの利用形態で比較すると共用サーバーと専用サーバーがあります。つまり、一つのハードを複数の利用者で共用するか、一人の専用とするかと言うことです。当然ながら、専用サーバーは高価ですが、他人のプログラムの影響を受けることがありませんから、安定した動作が期待できます。
会社が業務として運用する場合には専用サーバーとした方がいいでしょうが、個人での利用は共用サーバーが一般的です。ハード的には共用サーバーであっても、論理的に複数のサーバーに見せる技術があります。
それがVPSと呼ばれるサービスです。 ← strongタグで囲んでいます。
これは一般の共用サーバーとは異なり、ユーザーから見ると専用サーバーに見えるのです。したがって、OSの入れ替えのような変更でも可能です。提供されるサービスは業者によって異なります。もちろん、サーバーの種類によってもできる範囲が異なっています。
個人の場合はブログやホームページくらいでしょうか。個人経営のOnline Sshopもあるかもしれません。これらは標準的なサービスとなっています。

 

商品名	商品01	商品02	商品03	商品04
価　格	6,000円(税別)	6,000円(税別)	6,000円(税別)	6,000円(税別)
特　長	商品の特徴を記入します。	商品の特徴を記入します。	商品の特徴を記入します。	商品の特徴を記入します。
備　考	国内送料無料	国内送料無料	国内送料無料	国内送料無料

 

<ul> と <ol> のサンプルです。

• リスト表示のサンプルです。
• リスト表示のサンプルです。
• リスト表示のサンプルです。

1. 番号付きリスト表示のサンプルです。
2. 番号付きリスト表示のサンプルです。
3. 番号付きリスト表示のサンプルです。

 

<mark>　〜　</mark> で下記のようにハイライトされます。
サーバーの利用形態で比較すると共用サーバーと専用サーバーがあります。つまり、一つのハードを複数の利用者で共用するか、一人の専用とするかと言うことです。当然ながら、専用サーバーは高価ですが、他人のプログラムの影響を受けることがありませんから、安定した動作が期待できます。

下記のように記述します（文字も大きく表示させています。)

<!-- チェック画像付きリスト表示 -->
<div class="framed-text purple">
<div class="framed-title purple">囲み枠の中に表示させています！</div>
<ul class="check" style="font-size:1.25em;">
 <li class="red"><strong>チェック付きリスト表示のサンプルです。</strong></li>
　〜
</ul>
</div>

 

<div class=”framed-text”> 〜 </div> でテキストを枠付き（ボックス囲み）で表示します。

 

<div class=”framed-title”> 〜 </div> を枠内に追加すれば、タイトル付き囲み枠になります。

<!-- タイトル付き囲み枠テキスト -->
<div class="framed-text blue">
<div class="framed-title blue">囲み枠の特長</div>
〜
</div>

 

 

 

Rental Serverはホームページやブログを開設する時に利用するものですが、どのような観点で選んでいるのでしょうか。
Rental Serverには幾つかの種類があり、それらを比較することが重要、もちろん、価格の比較も重要です。しかし、Rental Serverを利用する目的を明確にして、その目的に合ったサーバーを選ぶことが大切です。

 

<div class=”youtube”> 〜 </div> でマークすると、レスポンシブ対応になります。

 

センタリングは <div class=”insta-center”> インスタグラムの埋め込みコード </div> と設定します。
なお、サイズは style.css の「.insta-center」の値を変更します。

 

センタリングは <div class=”insta-center”> ツイッターの埋め込みコード </div> を利用しました。