 早速作ってみましょう（No2)・・・リンク、画像貼り付け |
| ■ |
リンクしてみよう(ほかのホームページにジャンプ）
リンクには、現在のページから別のホームページの指定ページにジャンプする仕組みと自分のサイトの中のページにジャンプする方法があります。
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<P>
<A HREF="http://www.yahoo.co.jp/">Yahoo</A>
</P>
</BODY>
</HTML> |
Yahooにリンクしてみましょう
左のようにテキストで書き込んで link.html と名前をつけて保存してください
フォルダーを開いてダブルクリックすると
次のような画面が出るはずです
Yahooの文字をクリックしてください、
Yahooのページに飛んでいきましたか？
|
|
|
| ■ |
リンクしてみよう（自分のサイト内でジャンプ）
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<P>
<A HREF="index.html">TOP</A>
</P>
</BODY>
</HTML> |
赤い字のところを書き直して、link2.htmlと名前をつけて保存してください
フォルダーを開いてダブルクリックすると
次のような画面が出るはずです
TOPの文字をクリックしてください、
最初に作ったページに飛んでいきましたか？ |
|
|
|
| ■ |
その他の代表的なタグ
| <CENTER>センタリング</CENTER> |
文字などの表示を中央よりにする |
| <BODY BGCOLOR="#色" |
背景色を指定する（英文字または＃FFFFFFなどの１６進数値で指定） |
| <BODY TEXT="#テキスト色" |
bodyの中で指定すると、そのページすべての色を指定できます。 |
| <I>文字数値</I> |
文字を斜体にします |
| <U>文字数値</U> |
文章などに下線をつけます |
| <IMG SRC="画像"> |
その場所に画像を表示させます |
| <B>文字数値</B> |
文字を太文字にします |
| <H1>見出し文字</H1> |
見出しを作る、H1～H6で大きさを指定できる |
| <p>段落</p> |
段落を付ける場合、<p>から</p>で指定します</p>は省略できます |
|
<SUP>文字</SUP>
|
上付き文字になります |
|
<SUB>文字</SUB>
|
下付き文字になります |
|
<S>文字</S>
|
取り消し線が入ります・・・・詳しくはここ |
| <BR> |
改行するためには、<BR>というタグを使用します。
|
| <HR> |
横線をいれるには、<HR>というタグを使用します。 |
|
|
|
|
|
| ■ |
ホームページに画像を貼り付けよう
ホームページ上にがぞを貼り付けるには<IMG SRC="画像">のタグを使います
 |
左のような画像（ファイル名：torii.jpg)をページに貼り付けたい場合は,
<IMG SRC="torii.jpg>というタグを書き、HTML文と同じフォルダーにtorii.jpg という画像ファイルを保存してください |
|
|
|
|
|