TOP　お得情報ステーション　＞　ちょっとしたHP作成テクニック

ホームページちょっとしたテクニック集
HTMLタグを少しいじるだけで、色々なことができるようになります。ここでは、少し勉強すれば誰でも、凝ったホー
ムページ作りができるということを証明するために、例題を集めて見ました。ぜひともお試しください。





Ⅰ 凝ったハイパーリンクの方法

通常のハイパーリンク方法に飽きた人、あるいはハイパーリンクを動かしたり

点滅させたりしたい方に必見の例題です。

それでは早速例題です。HTMLのソースを開き先頭部分の<head>と</head>の間に以下のタグを

貼り付けてみてください。

【例題１：文字が赤くなり、斜め下に少し動くハイパーリンク】

<STYLE type="text/css">
<!--
A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:active {text-decoration:none;}
A:hover {color:#FF0000; position:relative; top:1; left:1;}
-->
</STYLE>

　　　
いろんなハイパーリンクを探して順次書き込みします。

Ⅱ　更新情報等の掲示に良く使われるインラインフレーム設置方法

テキストボックスでもできますが、インラインフレームの方が収まりがいいような気がします。

HTMLタグはごく簡単です。設置した居場所に以下のタグを挿入すれば良いのです。

【例題１：きんおじさんの更新情報に使っているインラインフレーム】

 　　　<IFRAME SRC="kousin.htm" WIDTH="100%" HEIGHT="100" FRAMEBORDER="0"></IFRAME>
 　　　　　　　　　　　　　　　　↑
 　　　　　更新情報を書きこんだファイル。　幅指定、高さ指定、境界を無くす命令が盛り込まれています。

 　
　Ⅲ　ロボット検索エンジン対応にするためのMETAタグの貼り付け方

きんおじさんのホームページには以下のタグを

HTMLのソース先頭部分の<head>と</head>の間に貼り付けました。

これでGoogleなどのロボット巡回時に、この情報を拾っていくはずです。

【例題１：きんおじさんのホームページのMETAタグ】

<meta http-equiv="Content-Type"content="text/html; charset=x-sjis">
<meta name="ROBOTS" content="ALL">
<meta name="description"
content="忙しいサラリーマンの内職体験記です。一ヶ月一万円を目標にネット内職に挑戦
内職開始後の体験を克明に記しています。皆様のお手本になれるよう全ての情報を揃えています。">
<meta name="keywords"
content="ネット,内職,ポイント集め,アフリエイト,アフィリエイト,在宅,在宅ワーク,ワーク,体験談,
実績,報告,初心者,サラリーマン,会社員,副収入,小遣い稼ぎ,小遣い,省力,わずかな時
間,ネットビジネス,稼ぐ,儲ける,成功,一万円,一ヶ月,一ヶ月一万円,一ヶ月一万円生活">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>ネットで内職　一ヶ月一万円在宅ワーク</title>

 　　　

 　　当初、ここには色々なHTMLタグを書きこんでいくつもりでしたが、タグの例題集がホームページに

 　　アップされていることが判明しました。

従って以降は、これも参考にしていただきたいと思います。