情報処理工学実習(鈴木)WWWHTMLとはHTMLは、文書をタグと呼ばれる装飾子で囲んだ表現法です。color="red">赤い彗星</font>として恐れられた。彼はそれゆえに赤い彗星として恐れられた。color="red">、</font>で囲まれた部分を赤で表示しろ”ということを指定している。HTMLで書いた文章は、Webサーバに置くと一般に公開されるが、自分のコンピュータで見るだけなら、IEのファイル→開く→参照で、自分の作ったHTML文章を見ることが出来ます。基本構造HTMLの最も基本となる書き方です。<html>←お約束<head>←ヘッド部(ヘッダー)開始ここは、このページ全体に関する情報が入ります。内容は表示されません</head>←ヘッド部終了<body>←本文開始ここは、本文です。この領域に書かれたものが表示されます。注意HTMLは、年々使える機能が増えてきました。いった中で、一つ問題になったのが、タグが、文章の内容表現なのか、レイアウト表現なのか、という混乱です。<head></head>は、これにはさまれた部分がヘッド部であることを示す”内容表現"のタグです。<center></center>などは、これにはさまれた部分を、画面中央に配置せよという"レイアウト”のタグです。<p></p>などは、本来は、これにはさまれた部分が段落であることを示す”内容表現"のタグだったにもかかわらず、実際は”一行あけた改行”と、レイアウト表現のために使われることが多いです。”内容表現"のタグだったにもかかわらず、実際は”この部分を少し下げる”と、レイアウト表現のために使われることが多いです。最近では、タグは内容表現に用いて、レイアウトはcss(カスケーディング・スタイル・シート)という技で表現するのが主流ですが、ここでは簡単のため、ここでは少し古いやりかたを説明していますヘッド部の書き方ヘッド部の標準的な書き方です。ここは文章全体の設定です。漢字コードの種類や、cssなどの拡張機能を使うかなど、いろいろなことを宣言します。なくても問題ありませんがなるべくつけましょう。ここは文章全体の表題です。ブラウザーの上部に表示されたり、お気に入り登録に使います。なくても問題ありませんがなるべくつけましょう。cssを使うなら、ここにレイアウト設定をします。スクリプトを使うなら、ここにスクリプトを書きます。background="back.jpg">改行する。<p>(本当は、<p>は<p></p>ではさんで、段落を表すものであるが、このような使いかたをすることがある。)一行あけて改行する。表の枠線をかかないで、そこにはめ込む。<h1>これがh1の文字です</h1>表示これがh1の文字ですこれで見出しに限らず、文字の大きさを変えられるが、本来の意味は「見出し」である。style="color:white;background-color:black">これがh3の文字です</h1>表示これがh3の文字ですこれで見出しに限らず、文字の大きさを変えられるが、本来の意味は「見出し」である。face="フォントの種類">size=、color=、face=などはすべて書く必要はありません。必要なものだけ選んで書くことが出来ます。</table>線の幅は、省略した場合は0。久住小春こんなふうに、表を使って、枠線を消すことで表現できる。>表示結果(注)ブラウザーで表示する画像ファイルは、原則、jpeg(jpg)、gif、png形式だけである。Mozillaなどのブラウザーに依存するので、好ましくない。