1. HTMLとは？

HTMLとは、Hyper Text Markup Languageの略で、タグ(tag)と呼ばれる簡単な文字列を、
文章中に埋め込んだものです。
このタグにより、文章や画像の配置などのレイアウトを指定することができます。
Netscapeや、IEなどのWebブラウザによって、タグが解析され、
タグで指定されたとおりに、文章やイメージを表示されます。
ブラウザの上のメニューより、表示->ソースを表示を選ぶと、
HTMLソース(そのままのやつ)を見ることができます。
ソースを見てもらうと少しはわかってもらえると思います。

2. HTMLタグとは？

先程述べたように、HTMLファイルはHTMLのタグを付加したテキストファイルとなります。
HTMLタグは、次のように、< >で囲まれた文字列です。

<タグ名> タグに影響を受ける部分 </タグ名>

基本的にタグには、開始タグと終了タグがあり、タグの機能を影響させたい文字列をタグで囲みます。
普通、終了タグには、"/"(スラッシュ)をつけます。
終了タグを付け忘れると、それ以降の文字列全てに影響が及びます。
また、タグとして入力する文字には大文字と小文字の区別はありません。

3. HTMLの基本構成

HTMLは、基本として、以下のような構造をとります。これは、どんなホームページでも、同じとなります。 <HTML>
 <HEAD>
 へッダ部分
 </HEAD>
 <BODY>
 本体部分
 </BODY>
</HTML>

まず、HTMLファイルであることを示す、<HTML>タグが必要です。
閉じタグである</HTML>までの範囲がHTMLファイルの中身となります。
次に、<HEAD></HEAD>とありますが、この部分はへッダ部分となり、
タイトルや背景色などのへッダ情報を書きます。
最後に<BODY></BODY>に挟まれた部分ですが、この部分に本文を書いていくことになります。

4. 基本的なタグ

ここでは、レポート作成の際に知っておいたほうが良さそうな有名なタグを幾つか紹介します。

・リンク
ホームページを見ていると、よくこんなふうに青く下線が引かれていて、
それをクリックすると他のページに飛ぶものがありますね。この機能が、HTMLの肝となるぶぶんで、リンクとよばれるものです。。
これをするには、

と書きます。
これを使うと、いろんなホームページや、ファイルにリンクを貼ることができます。

・画像の挿入
レポートの実行結果などの画像を、挿入したい場合には、imgタグを使います。
使い方は、以下のような感じです。

imgタグには、閉じタグは要りません。
挿入できる画像ファイルはjpeg、gif、pngなどの形式に限られています。

・レイアウト
まず、改行をするタグです。
 
このbrタグを入れると任意の場所で改行することができます。

次に、文字を表示する場所を指定するためのタグです。

左寄せ

真ん中

右寄せ

こんな感じです。
これのソースは下の様になっています。

特に良く使うものは、centerタグでそれ以外は余り使わないと思います。

・フォント
レポートをフォントを変えて強調したり、色を変えたい場合があると思います。
そういった場合には、fontタグを使います。
小
中
大
特大
赤
青
黄
緑
こんな感じです。
このソースは以下の様になっています。

小
中
大
特大
赤
青
黄
緑

もちろん、色と大きさの指定を同時に行うこともできます。
大きな緑
小さな赤
下がソースです。

大きな緑
小さな赤

大きさの指定には、大きさでの指定もできます。
また、色の指定は"#000000"と言った表記でも可能です。

もちろん、この他にも様々なタグが用意されています。興味のある方は、本やwwwで調べてみてください。

表紙に戻る

→サークル紹介