[1]
お勉強ＨＴＭＬ タグと色いろ
お勉強ＨＴＭＬ タグと色いろ
お勉強ＨＴＭＬ タグと色いろ
INDEX
INDEX
INDEX		 　　　　　　　　● Internet Explorer only　▲ Netscape Navigator only
初めてのHTML, 基本構造, Home Pageを作ってみよう♪
bgcolor, background, bgproperties, link, alik, vlik, body style, style type, ●bgsound src, !--
center, br, p, div, blockquote, pre, nobr, hr
h*, font, base font, big, small, b, i, s, tt, u, sup, sub ▲blink, ●marquee, タグの表示
ul, li, ol, li, dl, dt, dd
a href, a name, mailto, text-decoraton:none, meta
img src, alt, width, height, align, hspase, vspase, brclear, border, clickablue map
tr, th, td, border, cellspacing, cellpadding, width, height, caption, align, colspan, rowspan
nowrap, image, bgcolor, ●bordercolor, ●background, ●border frame, ●rules
frame set, cols, rows, frame src, name, marginwidth, marginheight, scrolling, noresize, frameborder, noframe target, ●iframe,
273色 RGB Color Chratの文字と背景を変えられます

[JAVAだばじゃ〜♪] [Library] [Top Page]

HTML基本

■初めてのHTML

◇インターネット基本用語解説

WWW【World Wide Web】ハイパーテキスト形式を利用して情報を表示するネットワーク(web=クモの巣)

HTML【Hyper-Text Markup Language】WWWで表示できる書式フォーマットのこと。拡張子が*.htmlかhtm
                                                 
プロバイダ【Provider?】WWWに専用線で接続されたコンピュータ(Server)を所有して、
                      会員へインターネット接続サービスを提供している会社。NIFTYとかBIGLOBEとか･･･

ブラウザ【Browser?】HTMLを見る為の専用通信ソフト。NetscapeNavigatorやInternetExplorerのこと。

＜http:// ＞WWWでHTMLを見る為のおまじない。（実は、通信方法です）

URL【Uniform Resource Locator】HTML情報の置いてある場所。つまりファイルの住所。
                             ＜http://Serverの名前/情報のある場所/ファイル名＞となっている。
つまり、電話回線を使ってプロバイダに接続して、ブラウザのアドレスにURLを入力して
WWW上のHTMLを自由に見ることが出来るのがインターネット【Internet】って訳ですぅ !

[目次へ戻る]

■基本構造

◇HTMLの作り方（Windows95でInternetExplorerの場合）

@スタート→プログラム→アクセサリ→メモ帳を開いて、下のように魔法の呪文を書きます。

＜html＞
＜head＞
＜title＞初めてのHTML＜/title＞
＜/head＞
＜body＞

感動!!!の一言

＜/body＞
＜/html＞

 "感動!!!の一言"のところは、好きなこと書いてね♪

Aファイル(Ｆ)→名前をつけて保存(Ａ)を選び、 [ファイルの種類(Ｔ)＝すべてのファイル(*.*)］に変更して
　 ［ファイル名(Ｎ)＝mahou.htm」とつけ、デスクトップに保存して下さい。

B今これを見ているブラウザのサイズを変えて、デスクトップを見てみて下さい。
　 mahou.htmが出来ているはずです。

　 さあ！そのアイコンの上でマウスをちょんってクリックしたまま、ずずずずっとブラウザの画面上に
　 ドラッグ＆ドロップしてみて下さい！

♪〜〜あなたの初めてつくったHTMLです!!!　ブラウザの戻る←で戻ってきてね〜〜♪

*『魔法の呪文』解説
＜html＞〜＜/html＞これはHTML文書です!と宣言します。最初と最後に必要です。
＜head＞〜＜/head＞本文には表示されない、主にドキュメント情報を書く場所です。
まっ、おまじないと思って下さい･･･
＜title＞〜＜/title＞ブラウザの一番上のタイトルバーに表示される内容です。
ショートカットを作った時の名前にもなります。
＜body＞〜＜/body＞この間に書いた内容を表示してくれます。

◇基本構造
＜html＞＜head＞＜title＞〜＜title＞＜/head＞＜body＞〜＜/body＞＜/html＞
* このように＜タグ＞〜＜タグ＞に挟まれて書かれた文字や絵を表示するのがHTML形式です。

お約束♪として、
* 半角スペース･･･いくつスペースを入力しても無視されます。全角スペースならＯＫ！
* 改行･･･････････これも無視されます。長い文は画面の大きさに合わせて勝手に改行されます。
* タグ････････････＜**＞であらわすのがタグ。長くても半角スペース１つ分で〜す！

* windowsならメモ帳、MacintoshならSimpleTextで出来ます。(他のエディタでもいいけど･･･)

[目次へ戻る]

■Home Pageを作ってみよう♪

さっき作った、初めての"mahou.htm"に手を加えて、あなたのHome Pageの扉を作ってみましょう♪

@ブラウザのファイル(Ｆ)→新しいウィンドウ(Ｎ)を選ぶと、もう一つ同じ画面が出来ます。
　 ２つの画面が同時に見えるように大きさを適当に変えて下さい。

A"mahou.htm"をさっきの要領でどちらかの画面にドラッグ＆ドロップして内容を表示させて下さい。

B"mahou.htm"の表示されてる画面の表示(Ｖ)→ソース表示(Ｃ)を選んで一回ちょんってクリックすると、
　 あなたが書いたメモ帳が開きます。
　 そこに、次のような呪文を追加して下さい。

＜html＞
＜head＞
＜title＞初めてのHTML＜/title＞
＜/head＞
＜body bgcolor=ffffff text=ff0000＞

＜center＞
＜br＞＜br＞＜br＞
Ｗelcome
＜hr＞
kafeo's Home Page
＜hr＞
1997.10.1
＜p＞
私の記念HPを作りました〜嬉し〜♪
＜p＞
＜/center＞

感動!!!の一言

＜/body＞
＜/html＞

 "文字"のところは、好きなこと書いてね♪

Cファイル(Ｆ)→上書き保存(Ｓ)を選びメモ帳を閉じます。

Dブラウザの表示(Ｖ)→最新の情報に更新(Ｒ)を選びます。

どうですか〜？　背景と文字の色が変わったでしょ！？

＜body bgcolor=******＞背景色を指定する、bodyタグのオプション。******が色番号。
＜body text=******＞文字の色を指定する、bodyタグのオプション。******が色番号。
＜center＞〜＜/center＞この間に挟まれている内容は左右の中央揃えになります。
＜br＞改行するタグ。数の分だけ改行されます。
＜hr＞横線をひくタグ。
＜p＞1行あけて改行するタグ。続けて書いても1行分しか改行されません。

***どうですか？***
***@ABでホームページが出来ちゃったでしょ♪***

***タグを覚えて(パクってもOK！）自分流に***
***デザインするのはとっても楽しいです♪***



*****この後は、いろいろな＜タグ＞や＜タグのオプション＞について説明します*****


タグはブラウザの種類やバージョンによって
正しく表示されなかったりしますが、
現在進行形で追加されていますので、
私もまだまだお勉強中です♪
（MicrosoftとMacが提携したことだし、もっともっと共通性がでることでしょう･･･）


**♪ちょー初心者の私でもHomePageが作れたから***
***是非、チャレンジしてみてね〜♪***

初心者の方はこちらの[Next Page]の方がいいです･･･
bodyはちとややこしいかも･･･

[目次へ戻る]

[Next Page] JAVAだばじゃ〜♪ ColorChart Library TopPage