10月の授業日記
＞homeへ戻る
＞11月の授業日記
10/6 HTMLとは
互換性
情報を共有するには互換性が重要
テキスト形式
互換性◎表現力X
拡張子
そのファイルが何であるかを表す＞テキスト形式＝.txt
htmlにする
拡張子＞.html＝htmlとして認識され改行なくなる
構造タグ
HTMLの基本の文書構造＞すべての文章で共通なので雛形より
きょうのひとこと
DWを使わなくても書けました
タグの範囲指定
ドラッグして指定するもの＝範囲がある
始まり＜開始タグ＞
終わり＜/終了タグ＞
その間に挟まれた部分がそのタグの適用範囲
段落＜p＞
段落区切りはPタグで括る
見出し＜h*＞
1〜6で見出しのレベルを指定
区切り線＜hr＞
10/13 属性
属性（タグのオプション）
＜要素 属性＝"属性値"＞
要素と区別するために半角スペースで区切る
""を閉じ忘れるとおかしくなるので必ず先に閉じる
＜br＞は範囲指定がなく属性はつけられない＝段落単位でないと水平揃えは行えない
bodyタグの属性
ページ全体にわたる指定はbodyタグの属性として指定する
bgcolor(背景色)
text(文字色)
リスト
- ＜ul＞箇条書きリスト(Un-orderd List)
- ＜ol＞番号リスト(Orderd List)
リストの中身
リスト作成法
- 作りたいリストに応じolかulで括る
- その中にリストの内容をliで括る
きょうのひとこと
次回は画像です
10/20 画像(img)
画像を貼り付ける流れ
- 画像の準備（保存場所を確定）
- imgタグで画像の保存場所とファイル名を指定
- htmlファイルと画像ファイルの階層関係を保ちながらアップロード
画像＜img＞
＜img src="画像へのパス"＞
- 画像はクリックして挿入するので終了タグなし
- src属性で画像ファイルの設置場所への経路を示す（画像のパス）
imgタグのalign属性
アニメgifも貼れます
- imgタグのalign属性は画像に対する文字の揃え
- 画像の水平揃えを指定したい場合は画像のある段落にalign属性(pで括る)
背景画像
body全体の文字や画像の下に小さめの画像をタイル状に敷き詰められる
＜body background="画像へのパス"＞