10月の授業日記

10/7　HTMLとは

使用するアプリケーション

  1. 記述
  2. 閲覧
  3. アップロード

テキスト・エディタ（テラパッド）

HTMLは言語なのでテキスト・エディタで記述できる

FTPソフト（FFFTP）

ファイルのサーバーへの転送（アップロード）にはFTPソフトを使用する

接続を押すと左右のフレームが開く

ファイルが変わらない場合

ブラウザ

HTMLファイルの閲覧にはブラウザを用いる

以下のファイル等をURLを指定することで閲覧できる。またローカルファイルもファイル＞開くで閲覧できる

なぜHTMLを使うのか

インターネットでは環境に依存しない互換性が重視される

それまでのファイル形式の問題点

  1. ワープロ
  2. テキスト形式

HTML形式

問題点

記述と閲覧（ブラウザ）を分離

タグ

範囲指定

今日のひとこと

HTMLがなんとなくわかった

10/14　構造定義

記述のポイント

効率の良い入力＞ミスが防げる

  1. 開始タグの入力
  2. 終了タグの入力

構造タグ

BODY

HEAD

以上の情報は（ほとんど）すべてのHTML文章で共通

一々作成せずひな形（＞kozo.html）から別名保存で作成する

(ここからは手書きでタグ入力)

文章の構造定義

HTML文章の記述とはタグを用いて文章の構造（機能）を明示して行く事である

段落＜p＞〜＜/p＞

文章の区切り

明示すると前後に１行空行が空き前後が分離される

見出し＜h1〜6＞〜＜/h1〜6＞

見出しのレベルを示す

ボールドが入り見出しの強さに応じたフォントサイズが適応され、前後が改段落される

区切り線＜hr＞

水平の区切りの線を入れる

10/21 属性

属性

タグにはオプション（属性）をつけて多彩な表現にすることができる

＜タグ 属性＝”属性値”＞

タグと区別するため半角スペースを入れる
””を閉じ忘れるとおかしくなるので必ず先に閉じる

ALIGN(left/center/right)

段落の水平ぞろえ

bodyタグの属性

bodyタグに属性をつけるとページ全体にわたる指定ができる

色の指定

色の指定にはカラーコード（P286〜）カラーネームを属性地として記述

bgcolor

背景色

text

文字色

複数の属性の指定

属性を複数指定する場合間を半角スペースで明示する

fontタグ

文章の構造とは関係なく文字に修飾を行うため作られた
しかし修飾は新しくできたスタイルシート、タグは構造定義と役割分担され使われなくなる

size="1〜7"

文字の大きさを変える（デフォルト＝3）

color

部分的に文字の色を変える

10/28 リスト

リストの種類

＜ol＞〜＜/ol＞(ordered list)番号付きリスト

＜ul＞〜＜/ul＞(unordered list)順不同リスト

リストの中身

＜li＞なかみ＜/li＞(list item)

作成の方法

  1. まずolかulで領域をつくる
  2. なかに入れたいものを＜li＞でくくる

リストの入れ子

ulのリストのマークを変える（ul/li type属性）

ULに入れるとリスト全体が、LIに入れるとその項目が変わる

olのリストのマークを変える（ol type属性）

＜ol type="a"＞
  1. いっこめ
  2. にこめ
  3. さんこめ
＜ol type="i"＞
  1. いっこめ
  2. にこめ
  3. さんこめ

olの開始順を変える

＜ol start="*"＞

  1. きのう
  2. きょう
  3. あした

blockquote

囲まれた文章が、引用文であることを明示します。Internet Explorer や Netscape Navigator では、前後に改行され、両側に隙間をあけて表示されます。 スタイルシートが普及する以前はインデントを実現する手段が他に無かったためインデントの代役として使用された時期もありましたが、本来の意味は「引用」です。