10月の授業日記


10/6 html

互換性

情報を共有するには互換性が重要

テキスト形式

互換性◎表現力X

html言語

文章の意味を文字でタグ付けした

拡張子

そのファイルの種類を表す

きょうのひとこと

慣れてくればスムーズに打てるようになります

タグの範囲指定

ドラッグして指定するもの=範囲がある

<開始タグ>〜始まり

終わり〜<終了タグ>

間に挟まれた部分がそのタグの適用範囲

段落

段落の区切りはpタグで括る

見出し<h*>

1〜6で見出しのレベルを指定

10/13 属性

属性(タグのオプション)

<要素 属性="属性値">

要素と区別するために半角スペースで区切る

align(水平揃え)

<br>は範囲指定がなく属性はつけられない=段落単位でないと水平揃え不可

bodyタグの属性

ページ全体にわたる指定はbodyタグの属性として指定する

bgcolor(背景色)

カラーコードで指定(#RRGGBB)

text(文字色)

要素と区別するため半角スペースで区切る

リスト

リストの中身

リスト作成法

  1. 作りたいリストに応じolかulで括る
  2. その中にリストの内容をliで括る

10/20 画像<img>

テキスト形式は画像の埋め込み不可

画像を張り付ける流れ

  1. 画像の準備(保存場所とファイル名を指定)
  2. imgタグで画像の保存場所とファイル名を指定
  3. htmlと画像ファイルの階層関係を保ってサーバーへUP

画像<img>

<img src="画像へのパス">

パス=フォルダ名/ファイル名

bracketsはアシスト機能がありsrc=""の入力で同一フォルダ内 ファイルがメニュー表示される

imgタグのalign属性

アニメgifもはれます。

背景画像

bodyタグの属性で文字や画像の下に画像をタイル状に敷き詰められる

<body background="画像へのパス">

この画像を背景に