ホームページを作って稼ぐ

〜タグを使ってみる2〜

前回に引き続きよく使うタグの紹介をしてきたいと思います。

画像を貼る
画像をホームページに張りたい場合はsrcの"の間に
表示したい画像のパスを入力します。
ソース 使用例
<img src="../image/sampleimage.jpg"></img> <br>

上記にあるパスに"../image/sampleimage.jpg"は相対パスといいます。
".."は一つ上の階層
"/(フォルダ名又はファイル名)"は一つ下の階層を表します。


リンクを張る
リンクを張りたい場合、下記のソースにある"の間にリンクしたいファイル名
または、URLを入力します。使用例のリンクには
「はじめに」で紹介したサンプルページに
リンクされています。
ソース 使用例
<a href="sample.html" target="_blank">リンク</a> <br>
<a href="http://kantanwmget.tubakurame.com/">
無料で簡単にWebMoneyを貯めよう
</a>
リンク
無料で簡単にWebMoneyを貯めよう
タグの中にtarget="_blank"を追加すると、別のウィンドウにリンク先が表示されます。
相対パスに対して"http://kantanwmget.tubakurame.com/"は絶対パスといいます。
また、<a href="xxxxx">と</a>の間にはテキストだけでなく画像にリンクを張ることもできます。
例 : <a href="xxxxx"><img src="yyyyy"></img></a>
   xxxxx:リンク先のパス   yyyyy:画像へのパス


今まで紹介したタグを使えば、大抵のホームページは作成できると思います。
もっと詳しく知りたい・ここでは分からないという方は、コチラのホームページを見てみてください

HTML手打ちで作るホームページ講座


モバイル版はコチラ
ケータイにURLを送る