10月の授業日記

10／7　ＨＴＭＬとは

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

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

     

 

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

ＨＴＭＬは言語なのでテキスト・エディタで記述できる

ＦＴＰソフト（ＦＦＦＴＰ）

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

（Ｐ264）接続を押すと左右に分かれたフレームが開く

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

ブラウザ（ＩＥ）

ＨＴＭＬファイルの閲覧にはブラウザを用いる

なぜＨＴＭＬを使うのか

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

それまでのファイル形式

ワ−プロ

ファイルにコードで修飾情報を埋め込む＞方法（ファイル形式）がまちまち

テキスト形式

コードを埋め込まず文章だけなので互換性が高い

ＨＴＭＬ形式

解決策

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

タグ

範囲指定

きょうのひとこと

ＨＴＭＬがなんとなくわかった

10／7　構造定義

記述のポイント

上から順に入力しない

  1. 開始タグの入力
  2. 終了タグの入力
  3. タグを適用する中身を入力

構造タグ

ＢＯＤＹ

ＨＥＡＤ

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

いちいち作成せず雛形（kouzou.html）を開き別名保存して作成する

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

文章の構造定期

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

段落＜p＞〜＜p＞

文章の区切り

明示すると前後に一行空行が開き段落が分離される

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

見出しのレベルを示す

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

改行＜ｂｒ＞

単なる改行は＜ｂｒ＞で行う

区切り線

水平の区切り線を入れる

きょうのひとこと

つかれた

10/21 属性

属性

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

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

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

ALIGN(left/center/right)

段落の水平揃え

bodyタグの属性

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

1bgcolor

背景色

text

文字色

色の指定

色の指定にはカラーコード（Ｐ284〜）

複数の属性の指定

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

fontタグ

文章の構造とは関係なく、文字に修飾を行うために作られた
修飾専門に新たにスタイルシートが策定されたため、タグは構造定義と役割分担されあまり使用されなくなった

size="1〜7"

文字の大きさを変える（デフォント３）

color

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

今日の一言

難しいし覚えらんないし疲れました。。。

10/28 リスト

リストの種類

＜ol＞(ordered list)番号つきリスト

＜ul＞(un ordered list)番号なしリスト

リストの中身

＜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="A"＞
  1. いっこめ
  2. にこめ
  3. さんこめ
＜ol type="i"＞
  1. いっこめ
  2. にこめ
  3. さんこめ
＜ol type="I"＞
  1. いっこめ
  2. にこめ
  3. さんこめ

olの開始順を変える（ol start属性）

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

きょうのひとこと

肩が痛いです。