| ステップ1 : ホームページを作ろう! |
| ■簡単HTMLタグ講座■ |
| HTMLとは・・ウェブページを記述するための記述言語で、Hyper-Text Markup Languageの略。
|
|
ここでは簡単なHTMLの使い方を教えます。リンクはすべて青(#0000ff)になっています。
|
| ↓ぜひ本を読みながら参考に作ってくださいね。↓オススメ本 |
できるホームページHTML入門 Windows対応 (できるシリーズ) |
| 1.リンクを貼る |
| ブラウザ表示 |
HTMLタグ |
| トップページへ |
<A href="http://www.syachosyufu.com/"><FONT color="#0000ff">トップページへ</FONT></A> |
|
| 2.メールアドレスをリンクする |
| ブラウザ表示 |
HTMLタグ |
| メールはこちらへ |
<A href="mailto:info@syachosyufu.com"><FONT color="#0000ff">メールはこちらへ</FONT></A> |
|
| 3.画像にリンクを貼る |
| ブラウザ表示 |
HTMLタグ |
 |
<A href="http://www.crestbeads.com/"><IMG src="bt.crest2.gif"
border="0"></A> |
 |
<A href="http://www.crestbeads.com/"><IMG src="bt.crest2.gif"></A> |
| (注意事項) |
上のようにborder="0"とやると画像に枠が表示されないので
綺麗に見えます。 |
|
| 4.字の大きさを変える |
| ブラウザ表示 |
HTMLタグ |
| 1 |
<FONT size="1">1</FONT> |
| 2 |
<FONT size="2">2</FONT> |
| 3 |
<FONT size="3">3</FONT> |
| 4 |
<FONT size="4">4</FONT> |
| 5 |
<FONT size="5">5</FONT> |
| 6 |
<FONT size="6">6</FONT> |
|
| 5.太字、斜め、下線、打消しにする |
| ブラウザ表示 |
HTMLタグ |
| 太字 |
<B>太字</B>または<STRONG>太字</STRONG> |
| 斜め |
<I>斜め</I> |
| 下線 |
<U>下線</U> |
打ち消し線 |
<S>打ち消し線</S> |
|
| 6.文字に色をつける |
| ブラウザ表示 |
HTMLタグ |
| 基本 |
<font color=色>文字</font> |
| 赤色 |
<FONT color="red">赤色</FONT> |
| 黒色 |
<FONT color="black">黒色</FONT> |
| 青色 |
<FONT color="blue">青色</FONT> |
| 緑色 |
<FONT color="green">緑色</FONT> |
| 黄色 |
<FONT color="yellow">黄色</FONT> |
|
| 7.文字をスクロールさせる |
| ブラウザ表示 |
HTMLタグ |
|
<MARQUEE behavior="saide" width="120" scrollamount="5">左にスクロール</MARQUEE> |
|
<MARQUEE direction="right" width="120" scrollamount="5">右にスクロール</MARQUEE> |
|
<MARQUEE direction="up" height="30">上にスクロール</MARQUEE> |
|
<MARQUEE direction="down" height="30">下にスクロール </MARQUEE> |
| (注意事項1) |
width="120" はスクロールの長さ。 |
| (注意事項2) |
scrollamount="5"はスクロールの早さ。1〜15まで変えられる。
1は遅く、数字が大きくなるにつれて早くなる。 |
| (注意事項3) |
height="30"はスクロールの高さ。 |
|
|
|
できるホームページHTML入門 Windows対応 (できるシリーズ) |
| このページのトップへ |