強調したい場合は、<B></B>タグ，アンダーラインを付けたい場合は、
<U></U>タグ，斜体にしたい場合は<I></I>タグで目的の 文字を挟むだけ。
↓こんな風に。
| <HTML> <HEAD> <TITLE>テスト</TITLE> </HEAD> <BODY> これは<B>ＨＴＭＬ</B>の<U>テスト </U>で〜す。 最初はこんな感じで、テキストエディタ<BR> に<I>自由</I>に書くのだよ。それからタグを入れてみよう。<BR> </BODY> </HTML> |
また、これらのタグは組み合わせる事が出来るから、 <B><U>〜</U></B>で
囲めば強調してアンダーライン付きの文字が出来る。ＨＴＭＬのタグは、色々と
組み合わせが出来るから、色々と試して。中には組み合わせ出来ないものも有るよ。
| 背景の色を変えたい場合 |
背景の色は、<BODY>タグや、後から説明する<TABLE>タグなどに、 <BODY BGCOLOR=white>などと
少々手を加える事で出来る。<BODY>タグに指定した場合は、ページ全体 <TABLE>タグに
指定した場合は、その表の背景がその色になるってこと。色の指定方法は、
後から説明する文字の色も含めて、色々有るから、 ここを見て参考にして。
ついでに、<BODY BGCOLOR=white BACKGROUND="IMAGE.GIF"> の様に、BACKGROUND="(URL)"を指定すると、
背景に画像を貼り付ける事も出来るけど、表の背景には指定出来ないので注意！
→ＵＲＬって何！！！
| <HTML> <HEAD> <TITLE>テスト</TITLE> </HEAD> <BODY BGCOLOR=lime> これはＨＴＭＬのテストで〜す。最初はこんな感じで、テキストエディタ<BR> に自由に書くのだよ。それからタグを入れてみよう。<BR> </BODY> </HTML> |
を貼り付けてみたい場合画像を貼り付けてあるホームページは華やかなイメージだし、このアタリがみんな
一番知りたいタグじゃないかな？ これは、<IMG>タグを使って、文書の好きな
場所に、<IMG SRC="IMAGE.GIF">の様に指定する。勿論、貼り付けたい
画像データは、あらかじめ用意しておかないといけないよ。ファイル名は、
ＵＲＬで記述するのだ。あと、 画像の種類に気を付けて。
| <HTML> <HEAD> <TITLE>テスト</TITLE> </HEAD> <BODY> これはＨＴＭＬのテストで〜す。最初はこんな感じで、テキストエディタ<BR> に自由に書くのだよ。それからタグを入れてみよう。<BR> <IMG SRC="IMAGE.GIF">←図じゃ </BODY> </HTML> |
普通のワープロじゃ、文字のサイズや色を変えるなんて、普通に出来るよね。
ＨＴＭＬでも、変えたい文字を、<FONT>〜</FONT>で囲めばＯＫだ。
でもこれだけじゃ、どんな風に変えたいのか分からないから、開始タグに、指定
を入れるんだ。例えば、色を変えたければ、<FONT COLOR=red>などと 色を指定
すれば良いし、サイズを変えたければ、<FONT SIZE=5>などと、サイズを指定
する訳だ。因みにサイズは、１〜７までで、数字が大きい方が大きい文字になる。
また、両方を組み合わせて、<FONT SIZE=5 COLOR=red>なんて書くことも出来る。
その他、FONTタグには、色々と指定出来るし、サイズの指定方法も他に有るので、
知りたい場合は、書籍や、ＨＴＭＬについて書いてあるページをダウンロードして、
色々試してみてね。
| <HTML> <HEAD> <TITLE>テスト</TITLE> </HEAD> <BODY> これは <FONT COLOR=red SIZE=5>ＨＴＭＬ</FONT>の テストで〜す。 最初はこんな感じで、テキストエディタ<BR> に自由に書くのだよ。それからタグを入れてみよう。<BR> </BODY> </HTML> |
ホームページで、色が変わっているところをクリックすると、他のページへ
ジャンプしたり、ダウンロードを開始したりするよね。これがリンクで、
リンクを貼りたい文字を、<A>〜</A>タグで囲んで、指定するの
だけれど、これだと、何処にジャンプすれば良いのか分からないので、先頭の
タグに、<A HREF="TESTLINK.html">などと指定を入れて、 ジャンプする先を指定しておく。
勿論、ジャンプ先のファイル名は、ＵＲＬで記述するのだ。 あと、図（画像）などを
リンクのスイッチにする事も出来る。
| <HTML> <HEAD> <TITLE>テスト</TITLE> </HEAD> <BODY> これはＨＴＭＬのテストで〜す。最初はこんな感じで、テキストエディタ<BR> に自由に書くのだよ。それからタグを入れてみよう。<BR> <A HREF="TESTLINK.html">ここ</A>からリンク <BR> </BODY> </HTML> |
| 区切り線 | を付けたい。 |
これは、結構簡単！ 区切り線を入れたい場所に、<HR>タグをおけば良いだけ。
表の中などに書けば、面白い表現が出来るから、試してみては？
| <HTML> <HEAD> <TITLE>テスト</TITLE> </HEAD> <BODY> これはＨＴＭＬのテストで〜す。最初はこんな感じで、テキストエディタ<BR> に自由に書くのだよ。それからタグを入れてみよう。<BR> <HR> </BODY> </HTML> |
| 表を作ってみたい。 |
| 場合 |
あ〜。とうとうこんな事まで説明させてしまうのね。説明が以外と難しいのだ。
ここで、説明する中では一番面倒だけど、難しい事では無いので、分かってしまえば
純粋に表じゃ無い部分へも、色々と利用出来るのだ。 表は、<TABLE>〜</TABLE>で
囲まれた部分に作成する。境界線は、<TABLE BORDER>としないと表示されない
ので、これも忘れずに指定するのだ。表の行は、<TR>〜</TR>で囲まれた部分，
に作成し、セルは、<TD>〜</TD>で囲んだ部分となる。 また、１行のセル数は
自動判別されるので、勝手につくってやれば、ブラウザが上手く表示してくれる。
う〜ん分かり難いかな？ とにかくやってみよう！
| 名前 | 佐藤 | 鈴木 | 山田 |
| 点数 | 95 | 60 | 100 |
てな表を作るには、文書中の表を置きたいところで、
|
<TABLE BORDER> <TR><TD>名前</TD><TD>佐藤 </TD><TD>鈴木 </TD><TD>山田</TD></TR> <TR><TD>点数</TD><TD>95 </TD><TD>60 </TD><TD>100</TD></TR> </TABLE> |
けど、最初のうちは、正式な書式で書いた方が良いんじゃないかな？とりあえず、
やってみて、色々試してみると、解ってくると思う。あと、セルを結合したり、背景
色を変えたり、境界線を太くしたりなどという技は、やっぱり、 書籍や、ＨＴＭＬについて書いてあるページをダウンロードして、
色々試してみてね。