リストのページ
10月の授業日記
10/3 ＨＴＭＬとは
使用するアプリケーション
- 記述＞エディタ（テラパッド）
- 閲覧＞ブラウザ（ＩＥ）
- ＦＴＰ＞ＦＴＰソフト（ＦＦＦＴＰ）
互換性
インターネットで幅広くデータを共有するためには互換性が重要
＞テキスト形式（互換性がもっとも高い）
＞表現力が弱い（文字データしか残せない）
ＨＴＭＬ
- 文章にタグ（役割を文字で記したもの）を追加
- ブラウザがそれを解釈して見合った表示をする
拡張子
そのファイルがなんであるかを表す
拡張子を.htmlにすると
- テラパッド＞プレビューアイコン
- ブラウザ＞改行がなくなる
＞ＨＴＭＬとして認識される
構造タグ
- ＨＴＭＬの基本の文書構造をまとめたもの
- ほとんどで共通なのでひな型と作り（kozo.html）そこから別名保存すれば省略できる
きょうのひとこと
難しかった…頑張ります！！！！
10/7 構造定義
HTML文書は本文+タグ（文意）でできている
タグ（荷札の意味）
その部分が文章上どういう役割なのかの印をつけたもの
本文と区別するため＜＞で囲まれる
改行＜br＞
改行もタグで表す
クリックして改行するので終了タグはない
タグの範囲指定
範囲のあるものは（ドラッグするもの）
範囲の始まり＜開始タグ＞
範囲の終わり＜/終了タグ＞
その間のはさまれた部分がそのタグの適用範囲
段落＜p＞
文意の違うブロックは段落＜p＞で区切る
見出し＜h1〜6＞
1〜6で見出しのレベルを指定
属性（タグのオプション）
タグにはオプション（属性）をつけて同じタグで様々な表現ができる
＜要素 属性="値"＞
タグ名（要素）と区別するために半角スペースで区切る
値の""を閉じ忘れるとおかしくなるねで必ず先に閉じる
align属性（left/center/right）
段落の水平揃えを指定する属性
＜br＞は範囲指定がないので段落単位でしか水平揃えはできない
bodyタグの属性
ページ全体にわたる指定はbodyタグの属性で指定する
背景色
bgcolor
文字色
text
色の指定
色の指定はカラーコードもしくはカラーネームを属性値として指定
複数の指定
半角スペースで区切ることで複数の属性を指定できる
きょうのひとこと
タグの種類がたくさんあって覚えるのが大変です(*_*)
10/21 リスト
リストの種類
- 順不同リスト（箇条書きリスト）
- 番号付きリスト
リストに使われるタグ
リスト定義タグ
- ＜ul＞〜＜/ul＞（Unordered List）順不同リスト
- ＜ol＞〜＜/ol＞（Ordered List）番号付きリスト
リスト項目タグ
作成の方法
- まずolかulで括る
- その中にリストの内容を＜li＞〜＜/li＞で括る
10/28 画像＜img＞
画像を貼り付ける流れ
- 画像の準備
- imgタグで画像がどこにどういう名前であるのかを指定
- htmlファイルと画像ファイルの位置関係を保ちながらアップロード
＜img＞画像を貼り付けるタグ
＜img src="画像へのパス"＞
- 画像に範囲はないので終了タグはいらない
- src属性で画像ファイルの設置場所への経路を示す（画像へのパス）
パス
- htmlファイルから（画像）ファイルへの経路（生き方）
- imgフォルダのicon.gif＞img/icon.gifと表記する
- ファイルの保存場所が変わると経路も変わる
- FTP時には画像ファイルも同じ階層で上げるのを忘れずに
imgタグのalign属性
アニメgifも貼れます
- imgタグのalign属性は画像に対する文字の揃え
- 画像の水平方向揃えを指定したい場合は段落にalign属性（＜p＞をつける）
背景画像
body全体の文字や画像の下に小さめな画像をタイル状に敷き詰められる
＜body background="画像へのパス"＞
この画像を背景にします
きょうのひとこと
タグの種類がたくさんあって覚えるのが大変です(*_*)