Website Running   |   簡単HTMLからＳＥＯ対策まで

格安ホームページ制作のことなら
楽々サイトメーカー
頼れる３つの格安プランをご案内
おすすめの充実構成！楽々プラン
ドメイン取得費０円！ドメインプラン
格安プランの比較一覧表

格安ホームページ制作なら楽々サイトメーカー
格安ホームページ制作のことなら
楽々サイトメーカーにおまかせ下さい！

初心者向け
簡単ＨＴＭＬ

検索サイト
の仕組み

ＳＥＯ対策
って何なの？

ホームページ制作のあとは？　【初心者向け簡単ＨＴＭＬ（３）】

文字の装飾方法がわかったら、もっと他の装飾方法も知りたくなりますね。
文字単位ではなく、色々な装飾テクニックをマスターして、訪問者にとって見やすいホームページにしてみましょう！
今まで面倒だったホームページの更新も、きっと楽しい作業に変わるでしょう。

ホームページ 装飾テクニック　【ページ装飾編】

※ホームページに記述する際は、必ず「半角英数字」を使って下さいね。
※タグを使うときは、 <*****>〜</*****> のように必ずタグを閉じて下さいね。
装飾効果タグの種類
スタイルシート		 記述方法
実際の見え方
リンク a <a href="http://www.yahoo.co.jp/" target="_blank">指定したページを新しい画面で開きます</a>
指定したページを新しい画面で開きます
文字の
背景色		 background-
color		 <span style="background-color:red;">文字の背景色を赤にします</span>
<span style="background-color:green;">文字の背景色を緑にします</span>
<span style="background-color:blue;">文字の背景色を青にします</span>
文字の背景色を赤にします
文字の背景色を緑にします
文字の背景色を青にします
行の
背景色		 background-
color		 <div style="background-color:red;">文字の背景色を赤にします</div>
<div style="background-color:green;">文字の背景色を緑にします</div>
<div style="background-color:blue;">文字の背景色を青にします</div>
文字の背景色を赤にします

文字の背景色を緑にします

文字の背景色を青にします