無料プレゼント


アクセスありがとうございます。

「アフィリエイトで一緒に稼ごう」メルマガの登録は
現在はできません。


無料プレゼントもありませんので登録はお控ください
また、心機一転して配信を開始する予定です

メルマガの登録は上記メニュ-欄の「まぐまぐ」より
お願いします

解除はいつでもできますのでご安心下さい。
アフィリエイトで一緒に稼ごう!登録フォ-ム
お名前(性・名)
メ-ルアドレス

基本的なタグを理解しよう-その2-

2010 6月 03 パソコン基本操作 , コメントは受け付けていません。 このエントリーを myyahoo に追加 このエントリーを GoogleRSS に追加 このエントリーを ハテナRSS に追加 このエントリーを Livedoor RSS に追加 このエントリーを goo RSS に追加  by kou

基本的なタグを理解しよう-その2-





その1で、metaタグまで説明しましたので、



今回は、titleタグや、h1、h2タグなどについて



説明します。







titleタグ(タイトルタグ)は文字通り



ホ-ムペ-ジのタイトルを表します。





入力例



アフィリエイトで稼ごうというタイトルにする場合、



<head>

<title>アフィリエイトで稼ごう</title>

</head>




と入力します。



すると、ブラウザの上部に



「アフィリエイトで稼ごう」というタイトルが



表記されるようになります。





<head>と</head>の間には必ずtitleタグが必要になります。



titleタグはホ-ムペ-ジを代表するタグといってもよく、



人目でそのホ-ムペ-ジがどういう内容なのかが



わかるようなタイトルをつけるといいでしょう。







では次に、見出しをつけるタグです。





<h1>●●</h1>は大見出し(1番大きい見出し)



<h2>●●</h2>は小見出し(2番目に大きい見出し)



更に、小さい見出しを作る場合は、



<h3>●●</h3>、<h4>●●</h4>・・・というタグを使っていきます。





入力例



<body>

<h1>アフィリエイトで稼ごう</h1>

<h2>アフィリエイトサイトの紹介</h2>

</body>




という感じです。



<h1>の大見出しですが、今回の例ではタイトルと一緒にしましたが、



別に同じじゃなくても構いません。





ホ-ムペ-ジの表示は、<h1><h2>と数字が大きくなるほど



文字は小さくなっていきます。







次に、



<p>●●</p>と<br>です。



<p>タグは、囲んだ文章を1つの段落にまとめます。



<br>タグは、入力した場所で改行されます。終了タグはありません。





入力例



<p>●●●●●●●●●●●●

●●●●<br>

●●●●●●●●●●●●●●

●●●●●●●●●●●●</p>



<p>●●●●●●●●






<p>タグで全体の文章を囲って、1つの段落にしています。



文の途中を<br>で改行しています。



また、段落の上下には自動的に1行の空白ができます。





ホ-ムペ-ジを作成するときは、



<body>と</body>の間にいきなり文章は入れないで



<h1>タグ<h2>タグで見出しを作り、見出しの下に



<p>と</p>を記述して、その中に文章や画像を



入れるようにします。





次は、<em>●●</em>タグです。



これは、囲んだ文字を強調するタグです。



ブラウザでは、太字の斜体になります。



キ-ワ-ドなど強調したい部分に使用します。



これよりも更に強い強調を表すタグもあります。



<strong>●●</strong>タグです。





この<strong>は、このホ-ムペ-ジの中で



一番強調したい文字に使うと効果的ですね。





他に、



<ul>●●</ul>や<li>●●</li>



といったタグも紹介しておきます。





<ul>は囲んで項目がリストであることを示すものです。



<li>はそのリストの中で1つの項目を作る役割をします。





入力例



<body>

<ul>

<li>アフィリエイトの裏技</li>

<li>アクセスアップの方法</li>

<li>アドセンスとは?</li>

</ul>

</body>




ホ-ムペ-ジで表示すると





・アフィリエイトの裏技

・アクセスアップの方法

・アドセンスとは?



というように表示されるようになります。





また、番号付きのリストにする場合は、



<ul>タグの代わりに、<ol>タグを使います。







<body>

<ol>

<li>アフィリエイトの裏技</li>

<li>アクセスアップの方法</li>

<li>アドセンスとは?</li>

</ol>

</body>






1アフィリエイトの裏技

2アクセスアップの方法

3アドセンスとは?



となります。





少し難しかったですかね?



ここで説明したタグはほんの一部ですが、



使用頻度が高いものばかりです。







無料ブログなどを利用すれば、簡単にタグの挿入も出来て、



色も付けられます。





ホ-ムペ-ジは無料ブログほど簡単とはいきませんが、



基本的なタグの役割を覚えておくだけでも役に立ち、



他に応用もききますので、ここで紹介したタグは



最低限覚えて活用してみて下さい。







追記



HTMLファイル内では、「<」と「>」はタグを示すために使われるため



開始タグ、終了タグの間に「<」と「>」は入力しないようにします。



「&」も同様です。





この3つの文字を入力したいときは、



「<」=&lt;



「>」=&gt;



「&」=&amp;



と、それぞれ文字をかえて入力して下さい。











































コメントはまだありません

コメントはまだありません。

この投稿へのコメントの RSS フィード。

現在、コメントフォームは閉鎖中です。



アフィリエイトにおすすめ


お得にトライアルセット