10月の授業日記
10/6 html
互換性
情報を共有するには互換性が重要
テキスト形式
互換性◎表現力X
html言語
文章の意味を文字でタグ付けした
拡張子
そのファイルの種類を表す
きょうのひとこと
慣れてくればスムーズに打てるようになります
タグの範囲指定
ドラッグして指定するもの=範囲がある
<開始タグ>〜始まり
終わり〜<終了タグ>
間に挟まれた部分がそのタグの適用範囲
段落
段落の区切りはpタグで括る
見出し<h*>
1〜6で見出しのレベルを指定
10/13 属性
属性(タグのオプション)
<要素 属性="属性値">
要素と区別するために半角スペースで区切る
align(水平揃え)
<br>は範囲指定がなく属性はつけられない=段落単位でないと水平揃え不可
bodyタグの属性
ページ全体にわたる指定はbodyタグの属性として指定する
bgcolor(背景色)
カラーコードで指定(#RRGGBB)
text(文字色)
要素と区別するため半角スペースで区切る
リスト
- <ul>箇条書きリスト(Un-ordered List)
- <ol>番号リスト(Ordered List)
リストの中身
リスト作成法
- 作りたいリストに応じolかulで括る
- その中にリストの内容をliで括る
10/20 画像<img>
テキスト形式は画像の埋め込み不可
画像を張り付ける流れ
- 画像の準備(保存場所とファイル名を指定)
- imgタグで画像の保存場所とファイル名を指定
- htmlと画像ファイルの階層関係を保ってサーバーへUP
画像<img>
<img src="画像へのパス">

- 画像はクリックして挿入するので終了タグ不要
- src属性に画像ファイルの設置場所への経路(パスを示す)
パス=フォルダ名/ファイル名
bracketsはアシスト機能がありsrc=""の入力で同一フォルダ内
ファイルがメニュー表示される
imgタグのalign属性
アニメgifもはれます。
- imgタグのalign属性は画像に対する文字の揃え
- 画像への水平揃えを指定したい場合は画像のある段落(なければpで括る)にalign属性
背景画像
bodyタグの属性で文字や画像の下に画像をタイル状に敷き詰められる
<body background="画像へのパス">
この画像を背景に