サラリーマンの副業@サラリーマンの副業ポータルサイト-へそくりできるかなHTML基本技術編 > HTML最初の一歩

HTML最初の一歩

このコーナーの目的は、、、
ワケは分からずとも、とりあえず作成してHTMLを覚えるです。
流れに沿って作成していけば、最後はちょっとしたHPが出来上がり、
基礎的なHTMLは一通り覚えられます。


「ホームページ」はHTMLの規則に従って記述されます。
この規則に従って記述された文書をHTML文書と呼び、
<HTML>で始まり</HTML>で終わります


HTMLの基本形




HTML文書は一般的に上図のように記述します。
<HTML>や<HEAD>などをタグと呼びます。
タグを用いることにより、文字や文字の大きさ・色、画像などを
ブラウザで表示することができます。

ヘッダ <HEAD>~</HEAD>。タイトルを記述します。
タイトル <TITLE>~</TITLE>部分にページのタイトルを記述します。
ここに記述した文はブラウザのタイトルバーの名前として表示されます。
本文 <BODY>~</BODY>部分にブラウザで表示する本文を記述します。


まずは文字を表示させてみよう!

いよいよ実践です。まずは、Windows付属のメモ帳を開き、
以下のタグを打ち込んで下さい。
<HTML>
  <HEAD>
    <TITLE>ホームページの練習</TITLE>
  </HEAD>
  <BODY>
    私のホームページにようこそ!
  </BODY>
</HTML>
打ち込んだら、メモ帳の【ファイル】→【名前を付けて保存】を
選択して任意の名前で保存して下さい。


ここで大切なのが、ファイルの種類は必ず「.html」か「.htm」
のどちらかを選択する
ことです。
(選択出来ない場合は、一度テキスト形式「.txt」で
保存した後、ファイルの拡張子を修正して下さい)


拡張子「html」「htm」はHTML文書を意味し
ブラウザで表示することができます。


またホームページのアドレスを入力する際に
ファイル名を省略した場合(http://www.xxx.co.jp/など)は
「index.html」をデフォルトで表示するようになっている事がほとんどですので


トップページのファイル名は「index.html」としたほうが無難です。


作成したファイルをダブルクリック又は
【アプリケーションから実行】→【InternetExplolr】
を選択して下の画面が表示されれば、完成です。↓




投稿者 hana : 2006年1月21日 22:59

 

当サイトで紹介している情報への登録などは、内容を自分自身でご確認のうえ、実施して頂くようお願い致します。
当サイトに掲載している情報を利用し、いかなる被害や損害があっても当サイトは一切の責任を負いません。

© 2003~ サラリーマンの副業@サラリーマンの副業ポータルサイト-へそくりできるかなAll Rights Reserved.