Introduction to HTML

HTML によるWebページ作成その１

今日のレポート課題:

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

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

例： introduction.html

名前： 東北 太郎 （Tohoku Taro)
出身地： 宮城県西松島市
所属サークル： バドミントン部
出身高校： 宮城第三高校
その他： よろしくお願いいたします．

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

(Firefoxの場合)
ブラウザのメニューバー「ファイル」を選択
→ サブメニュー「ファイルを開く」を選択
→ 表示させたいファイルを選択する

例： introduction.html を表示させると... 下記のように，改行や空白が無視されてしまう

名前：東北太郎（Tohoku Taro) 出身地：宮城県西松島市所属サークル：バドミントン部出身高校：宮城第三高校その他：よろしくお願いいたします．

introduction.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>
のようにする．