Website Running   |   簡単HTMLからSEO対策まで

格安ホームページ制作のことなら
楽々サイトメーカー

頼れる3つの格安プランをご案内
おすすめの充実構成!楽々プラン
ドメイン取得費0円!ドメインプラン
格安プランの比較一覧表

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

初心者向け
簡単HTML

検索サイト
の仕組み

SEO対策
って何なの?

ホームページ制作のあとは? 【初心者向け簡単HTML(3)】

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

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

※ホームページに記述する際は、必ず「半角英数字」を使って下さいね。
※タグを使うときは、 <*****>〜</*****> のように必ずタグを閉じて下さいね。
装飾効果タグの種類
スタイルシート
記述方法
実際の見え方
リンク 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>

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

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

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