基本的なタグ　その２

次は、文字以外でよく使われるタグを紹介します。
前の項目で作ったＨＹＭＬに付け足したりして色々と試してみてください

他のページ・サイトにリンクするタグ

「アンカータグ」と呼ばれるリンク用のタグです。
クリックすると他のページにジャンプする事ができます。

<A href=”https://affiliate-first.wbrain.net/”>トップページにジャンプ</A>します

ブラウザで表示すると↓
トップページにジャンプ
こんな風になります。

<Å ｈｒｅｆ＝>でリンクしたいページはここですと指定しているタグを表します。

今までのタグは、前につけたタグと同じものにスラッシュ（/）をつけて命令の終わりを示していましたが、このタグについては＜/Ａ＞で命令の終わりを示します。
「＝」の後に、リンクさせたいページのアドレスを「”　”」で囲んでいきましょう。

そしてスラッシュをつけたタグで締め切る直前に文字を入力すると、その文字をクリックしてリンクページにジャンプするように表示させることができます。
例えば、<A href=”https://affiliate-first.wbrain.net/”>トップページにジャンプ</A>
と赤い文字の様に入力すると「このサイトのトップページにジャンプ！」の部分をクリックすることでリンク先に移動することができます。

もしサイトのアドレスをクリックしてリンク先に移動させたい場合は、
<A href=”https://affiliate-first.wbrain.net”>https://affiliate-first.wbrain.net/</A>
と文字の代わりにアドレスを入力します。

これで、クリックすれば指定したページにジャンプすることができるタグになります。

画像を入れるＩＭＧタグ

サイトを作っていく上で、やっぱり文章だけでは寂しいですから時には画像も入れたいもの。
そんな時に使うのがこのタグです。

<IMG src=”title001.gif”>
（title001.gifという名前の画像を表示して！という意味です。）

ブラウザで表示すると↓

こんな風になります。

＜ＩＭＧ ｓｒｃ＝＞でこの画像を表示してくださいという命令になります。
ただ、このタグは今までと違う点があり、最初につけたタグと同じタグで締めくくる必要がありませんのでご注意を！

これから紹介する最後の２つはちょっと複雑なタグです。
何度も言うようですが、完全にマスターする必要はないので、流し読みして大体の意味を掴んでください

箇条書きリストをつくるタグ

実際には箇条書きをつくる「ＵＬ」タグと、項目をつくる「ＬＩ」タグを組み合わせて使います。ちょっと難しいので、説明と合わせてご覧下さい。

ブラウザで表示するとこのようになります。

表をつくるタグ

さて、最後にして最大の難関。テーブル（表）タグです。
四角い枠で区切られた表を作るのに使います。
レイアウトをスッキリさせるのに最適でとてもよく使うタグです。

表をつくる「ＴＡＢＬＥ」タグ、表の中に行をつくる「ＴＲ」タグそしてその行の中で列を横に広げていく「ＴＤ」タグを組み合わせて使います。
文章で書いても解りにくいので、実際に見てみましょう。

ブラウザで表示すると↓

こんな風になります。
やっぱりちょっとややこしいですねぇ・・・