始めの基本骨組み

【始めの基本骨組みとしてのタグ】

これが基本中の基本なので理解出来るようにして下さいね。

半角英数でつくるフォルダを作る
ミータロウの場合はファイルを見失わないように、Ｄドライブにフォルダを作り、作ったファイルは全てそこに入れている。

■テキストエディタとは、

ホームページを作るってことは、サーバーに送る「命令文書を作る」ってことなんですけど、HTMLとかTAGとか呼ばれているものです。

その命令文を書くものがテキストエディタと呼ばれるもので、
メモ帳が一番無難だと思います。

スタート→すべてのプログラム（プログラム）→アクセサリ→メモ帳

■拡張子を表示させる

①「スタート」→
　 「アクセサリ」→「エクスプローラ(Explorer)（Internet Explorerと違います。）」を起動し、

「スタート」→「アクセサリ」→
「エクスプローラ(Explorer) internet Explorerと違います。

「スタート」→「アクセサリ」→
「エクスプローラ(Explorer) internet Explorerと違います。

②「ツール」→「フォルダオプション」をクリック。

「ツール」→「フォルダオプション」をクリック

③「表示」タブを開き、
「登録されている（ファイルの）拡張子は表示しない」のチェックを外します。
最後にＯＫボタンをクリックです。
「表示」タブを開き、
「登録されている（ファイルの）拡張子は表示しない」のチェックを外します。
最後にＯＫボタンをクリックです。

これで、ファイル名はすべてお尻に「.jpg」とか「.avi」とかがくっつくようになります。

これが「拡張子」というもので、ファイルの種類を表しています。

HTMLの拡張子は「.html」「.htm」どっちで良い。

通常のページのファイル名は、半角英数.htmか、半角英数.htmlでファイルを保存

ただしTOPページのファイル名はindex.htmかindex.htmlにしなければならない。

■ブラウザで確認する

「エクスプローラ（Internet explorer）」を起動し、
「ファイル」→「開く」を選択し、
「参照ボタン」でＨＰ作成用に作ったフォルダを選んで見たいファイル名を、
「開くボタン」をクリック。

確認して手直ししたい場合は、マウスの右クリックで、ソースの表示を選択すると、
自分で作ったテキストエディタ（メモ帳）が出るので、
手直し→テキストエディタのファイル→上書き保存をしてから、
「エクスプローラ（Internet explorer）」の更新ボタンの繰り返しをすると、
手直ししやすいです。

【基本中の基本】 サンプルを見る。

<html> <head> <title>タイトルバーの名前</title> </head> <body> 　　　ここに内容を書く。 </body> </html>

簡単で良く使う基本タグとして、
・<HTML></HTML>HTML言語の始めと終わりと言う指示文。・<head></head>ブラウザには非表示。　ブラウザに表示されない部分の命令文を書く。・<title></title>タイトルバーに表示する名前。・<body></body>ブラウザに表示される部分なので、　ここに内容を書きます。・<HR>区切り線を書く。(閉じタグの必要無し。) <HR color="">区切り線の色指定。 <HR NOSHADE>溝の無い平坦な区切り線。・<BR>改行する。(閉じタグの必要無し。) ・<center></center>中央で表示する。・<HTML LANG="ja"></HTML> 日本語ページとして表示(外国サイト等から戻ってきた場合の文字化け防止の措置として使われることがある) ・<BODY BGCOLOR="" TEXT="" LINK="" VLINK="" ALINK=""></body> BGCOLOR="背景の色" TEXT="文字の基本色" LINK="リンク文字の色" VLINK="アクセス済みのリンクの色" ALINK="クリックした瞬間の色" 等があります。

この基本骨組みを理解出来たら、
次は、簡単で、使い道が沢山ある、
テキストフォントやリンクタグや画像の表示などの順番で、
勉強するのが、お薦めです。

ここまで見てくだされば結構です。
この先（下の部分）は、管理人のメモ書きなので、見なくても構わないです。
もし、このサイトのレイアウト等を参考にされたい人はどうぞ見てください。

【みーたろうがＨＰを作るのに良く使う基本タグパターン①】サンプルを見る。

【みーたろうがＨＰを作るのに良く使う基本タグパターン②】サンプルを見る。

【mitaro's daiary の基本タグパターン】サンプルを見る。

【マイブームの基本タグパターン】サンプルを見る。

【linkページの基本タグパターン】

TAGメモのTOPに戻る

「みーTaro'sメモ」のトップに戻る
[PR]田丸麻紀さん愛用ﾀﾞｲｴｯﾄ:大人気ｻﾌﾟﾘﾒﾝﾄ！注文殺到中です