Introduction to HTML

HTML によるWebページ作成

今日のレポート課題:

次回のレポート課題:

(0) Windows または Linux いずれかのOSを起動.
※一度 Windows または Linux いずれかのOSで作業を始めたら、次回以降も同じOSを使ってWebページを作成してください。

(1) 適当な文章をテキストエディタを使って書き，???.html というファイル名で保存．

例： intro.html

名前  塩浦昭義
住所  仙台市

(2) ブラウザを使って作ったhtmlファイルを表示．

(Windows の IE の場合)
ブラウザのメニューバー「ファイル」を選択
→ サブメニュー「開く」を選択
→ 「参照」ボタンをクリック，表示させたいファイルを選択

(Linux のMozillaの場合)
ブラウザのメニューバー「ファイル」を選択
→ サブメニュー「ページを開く」を選択
→ 表示させたいファイルを選択, 「Navigatorで開く」ボタンを押す

例： intro.html を表示させると... 改行や空白が無視されてしまう

名前塩浦昭義住所仙台市

intro.html はHTMLの機能を全く使っていないので，見栄えが悪い
⇒ HTMLの機能（タグ）をいろいろ使って見栄えを良くしよう

※タグを書く場合, アルファベットの大文字と小文字の区別はありません．どちらで書いても同じです．

<BODY BGCOLOR="色の名前"TEXT="色の名前"> ... </BODY>

ページの背景色及び文字の基本色を指定する．ページ全体をこのタグではさむ．
色の名前については http://www.dais.is.tohoku.ac.jp/~shioura/html/html.html 参照
<BR>, <P>
改行をする. <P>の場合は次の行との間に空行が出来ます
<P> ...</P>
一つの段落をつくる．ただし, 段落の前後に空行ができる．
<P ALIGN="left(または center または right)"> ...</P>
段落の中で各行を左揃え(またはセンター揃え，または右揃え)する．
<DIV> ...</DIV>
一つの段落をつくる．ただし, 段落の前後の空行はなし．
<DIV ALIGN="left(または center または right)"> ...</DIV>
段落の中で各行を左揃え(またはセンター揃え，または右揃え)する．
<HR>
区切り線を書く

<H2> ...</H2>, <H2> ...</H2>, ..., <H6> ...</H6>
見出しを書くためのタグ．数字が小さいほど文字が大きい．
見出しを左寄せ(またはセンター寄せ，または右寄せ)するには
<H2 ALIGN="left(または center または right)"> ... </H2>
のようにする．

これまで皆さんが作成したページは、まだ他の人には公開されていません。
授業援助システムを使うことによって，皆さんが作成したページを東北大学内限定で公開することができます.
詳細については教科書p.158,159を参照．