ＩＣＴメディア編集Ⅱ 2025年11月14日
Ｗｅｂページの作成方法：
作成には基本的に２つの方法がある。
1. タグ（命令）を用いて，HTMLの文法に基づいて直接テキストエディタ等を用いて作成していく．
・
タグ（命令）を知っていれば、テキストエディタ（テキスト入力ソフト）があれば簡単に作成でき，修正も簡単に行える．
・ 余分な情報が付加されることがない．
・ タグや文法を理解していなければならない．
2.
Ｗｅｂページ作成用ソフト（例えば、ホームページビルダー，ホームページProなど）を使う。
・
タグや文法を理解していなくとも，簡単に作成可能
・
ソフト特有の余分な情報が付加されることがあり，ソフトウエアによっては膨大な情報が自動的に付加されてしまうこともある．
・ この講義では，簡単なタグや文法の解説を行い理解した上で，テキスト入力によるＷｅｂページの作成を体験したのちに，Ｗｅｂ作成用のソフトを使用することにします．基本となるタグや文法は，覚えておきましょう．
作成練習１（演習）
簡単なHTML文法によるＷｅｂページ作成（１）
タグ（命令）を用いてテキスト入力していく（一般的な「メモ帳」：（スタートメニュー→プログラム→アクセサリの中）というテキストエディタを使いましょう．「秀丸」というソフトもテキストエディタです．）
例）以下のテキスト（文字）を入力して、test.html というファイル名で保存し、そのファイルをWebブラウザ（Edge, Safari, Chromeなど）で開いてみてみよう．
【注意】メモ帳では、保存時に「保存」ボタンの左横に、エンコード「UTF-8」などと書かれた部分があります。これは、ブラウザで表示するときに、日本語などとしてあらわすかを決めるものですが、「UTF-8」のままで、明治大学のサーバにアップロードすると、文字化けを起こすことがあります。そのため、これを「ANSIと必ず、変更して、保存してください。
￣￣￣￣￣￣￣￣ これ以降
<HTML>
<HEAD>
<TITLE>Ｗｅｂページの作成練習のページ</TITLE>
</HEAD>
<BODY>
<H1>Ｗｅｂページの作成練習（１）</H1>
<H2>Ｗｅｂページの作成練習</H2>
<H3>Ｗｅｂページの作成練習</H3>
<H4>Ｗｅｂページの作成練習</H4>
<H5>Ｗｅｂページの作成練習</H5>
<H6>Ｗｅｂページの作成練習</H6>
タグを用いたＷｅｂページの
作成練習を行っています。<BR>
タグを用いたＷｅｂページの作成練習を行っています。
<BR>
<FONT SIZE="2">これがFONT=2の大きさ</FONT><BR>
</BODY>
</HTML>
￣￣￣￣￣￣￣￣ ここまで
タグの解説（１） （HTML文法の命令）
1. <タグ名> 影響するテキスト </タグ名> ：HTMLタグの一般的な記述。本来、大文字小文字の区別はないが、文章内容と区別するため、大文字で表した方がよい。
2. <HTML>…</HTML> ：HTML (Hyper Text Markup Language)の文法で書かれるものは、このタグでくくる。
3. <HEAD>…</HEAD> ：ヘッダ部。ヘッダ部にはそのページの名前（Webブラウザなどの最上段に表示される）を指定する。<TITLE>…</TITLE>というタグや、そのページを作成するのに使用したソフトウエア名などが指定される。
4. <BODY>…</BODY> ：ボディ部。何かを表示させたいだけならば、この中に文字を書き込むだけで良い。少し凝ったことをする場合には、各種のタグを用いることになる。
5. <Hy>…</Hy> ：各種の見出しを指定する場合に用いるタグで、ｙには１～６までの数値が入る。<H6>が一番小さい文字を表示する。
補足：文字サイズの指定には、<FONT SIZE=y>…</FONT>というタグも使用できる。ｙは１～７までの数値が入るが、１が最も小さいサイズである。標準は、３か４である。
例）<FONT SIZE=1>これがFONT=1の大きさ</FONT><BR>
<FONT SIZE="2">これがFONT=2の大きさ</FONT><BR>
加藤のページへ | ＩＣＴメディア編集Ⅱ | 作成練習（２）：タグの解説（２）