10月の授業日記
10/3 HTMLとは
使用するアプリケーション
- 記述＞エディタ（テラパッド）
- 閲覧＞ブラウザ（IE）
- FTP＞FTPソフト（FFFTP）
構造タグ
きょうのひとこと
たいへんです
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＞で括る
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="画像へのパス"＞
この画像を背景にします
きょうのひとこと
背景やアニメーション画像をちゃんと表示できてよかった。