10月の授業日記
10/3 HTMLとは
使用するアプリケーション
- 記述 ＞ エディタ（テラパッド terapad）
- 閲覧 ＞ ブラウザ（IE Internetexplorer）
- FTP ＞ FTPソフト（FFFTP）
互換性
Internetで幅広くデータを共有するためには互換性が重要
＞ テキスト形式（互換性が最も高い）
＞表現力が弱い（文字データ）しか残せない
HTML
- 文章にタグ（役割を文字で記したもの）を追加
- ブラウザがそれを解釈して見合った表示をする
拡張子
そのファイルが何であるかを表す
拡張子を.htmlにすると・・・
- テラパッド ＞ プレビューアイコン
- ブラウザ ＞ 改行が無くなる
＞ HTMLとして認識される！！！
構造タグ
- HTMLの基本の文書構造をまとめたもの
- ほとんどで共通なのでひな形を作り（kozo.html）そこから別名保存すれば省略できる
今日の一言
以前のページが見えなくなってしまいました。復活もしてません。
言葉の意味を覚えるのがたいへんそうだなぁと思いました。head→ヘッダー etc...
10/7 構造定義
html文書は本文+タグ（文意）で、出来ている。
タグ （荷札の意味）
その部分が文章上どういう役割なのかの印をつけたもの
本文と区別するため ＜＞ で囲まれる。
改行＜br＞
改行もタグで表す
クリックして改行するので、終了タグは無い。
タグの範囲指定
範囲のあるものは（ドラッグするもの）
範囲のはじまり＜開始タグ＞
範囲の終わり＜/終了タグ＞
その間の挟まれた部分がそのタグの適用範囲。
段落＜p＞
文意の違うブロックは段落＜p＞で区切る。
見出し＜h1〜6＞
1〜6で見出しのレベルを指定。
属性（タグのオプション）
タグにはオプション（属性）をつけて同じタグでさまざまな表現が出来る。
＜要素 属性="値"＞
タグ名（要素）と区別するために、半角スペースで区切る。
値の""を閉じ忘れると、おかしくなるので先に閉じる。
align属性（left/center/right）
段落の水平揃えを指定する属性
＜br＞は範囲指定が無いので、段落単位でしか水平揃え出来ない。
bodyタグの属性
ページ全体にわたる指定はbodyタグの属性で指定する。
背景色
bgcolor
文字色
text
色の指定
色の指定はカラーコード、もしくはカラーネームを属性値として指定。
複数の指定
半角スペースで区切ることで複数の属性を指定出来る。
今日の一言
データが飛んでショック。前々回書いた内容もなぜか半分しか記録されてなかった。
10/21 リスト
リストの種類
- 順不同リスト（箇条書き）
- 番号付きリスト
リストに使われるタグ
リスト定義タグ
- ＜ul＞〜＜/ul＞(Unorderd List)順不同リスト
- ＜ol＞〜＜/ol＞(Orderd List)番号付きリスト
リスト項目タグ
作成の方法
- まず、olかulで括る。
- その中にリストの内容を＜li＞〜＜/li＞で括る。