5月の授業日記

＞トップページへ　 ＞リンクのページへ

5/7　属性

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

属性をつけることで同じタグでもさまざまな表現にすることが出来る

＜タグ 属性＝"属性値"＞

タグ名と区別するために半角スペースを入れる
""(ダブルクオート)を閉じ忘れるとおかしくなるので必ず先に閉じる

align属性(P189)　(left/center/right)

段落の水平揃えを指定する属性

bodyタグの属性

bodyタグに属性をつけるとページ全体にわたる指定ができる

色の指定方法

色の指定にはRGB値(P234)またはカラーネームを属性値として記述

bgcolor

背景色

text

文字色

複数の属性の指定

属性を複数指定する場合、間を半角スペースで明示する

fontタグ

文章の構造とは関係なく文字に修飾を行うため追加された
しかし修飾は新たにできたスタイルシート、タグは構造定義と役割分担化されたため非推奨化

color

部分的に文字の色を変える

size="1〜7"

文字の大きさを変える(デフォルト＝3)

今日のひとこと

難しかったです。

5/14 リスト

hrタグの属性

size=太さ (10)
width=幅 (400)
align=水平方向の揃え (left)
color=色 (#DB7093)
noshade(属性値なし:影をつけない)

リストの種類

リスト（順不同リスト）＜ul＞〜＜/ul＞(P205)

(Un odered List)

番号付きリスト＜ol＞〜＜/ol＞(P206)

(Ordered List)

リストの中身(共通)

＜li＞〜＜/li＞

(List Item)

リストの作成方法

  1. まずolかulでリストの領域を作る
  2. 中に入れたい項目を＜li＞〜＜/li＞でくくる

リストの入れ子

リストの中にリストを作ることでインデントして階層化されたリストを作ることが出来る

ulリストのマークを変える(ul/li type属性)

（デフォルトは一段目disc二段目circle）

olリストの番号を変える(ol type 属性)

＜ol type="a"＞
  1. いっこめ
  2. にこめ
  3. さんこめ
＜ol type="I"＞
  1. いっこめ
  2. にこめ
  3. さんこめ

olリストの開始順を変える

＜ol start=""＞

  1. きのう
  2. きょう
  3. あした

5/21 img

画像を張り付ける流れ

  1. 画像の準備
    1. 気に入った画像をDLフォルダへダウンロード
    2. 使用するものだけをsite/imgフォルダへ（コピー）
    3. ファイル名をわかりやすいものに書き換える
  2. imgタグでどこにあるどの画像を表示するのかを指定
  3. htmlファイルと画像ファイルの位置関係を保ちながらアップロード

＜img＞画像を貼り付けるタグ

＜img src="画像へのパス"＞

パス（経路）

imgタグのalign属性

アニメgifも貼れます

ページに背景画像を設置する(bodyタグのbackground属性)

＜body background="画像へのパス"＞

この画像を背景にします <今日のひとこと> 画像の入れ方がわかりました

5/28 リンク１

リンクのページ参照

今日のひとこと

リンクの仕方がわかりました