５月の授業日記
＞トップページへ
＞リンクのページへ
5/7 属性
属性(タグのオプション)
属性をつけることで同じタグでも様々な表現にすることが出来る
＜タグ 属性＝"属性値"＞
タグ名と区別するために半角スペースを入れる
""(ダブルクオート)を閉じ忘れるとおかしくなるので必ず先に閉じる
align属性(Ｐ１８９)(left/center/right)
段落の水平揃えを指定する属性
bodyタグの属性
bodyタグに属性をつけるとページ全体にわたる指定ができる
色の指定方法
色の指定にはRGB値(Ｐ２３４)またはカラーネームを属性地として記述
bgcolor
背景色
text
文字色
複数の属性の指定
属性を複数指定する場合、間を半角スペースで明示する
fontタグ
文章の構造とは関係なく文字に修飾を行うために追加された
しかし修飾は新たに出来たスタイルシート、タグは構造定義と役割分担化されたため非推奨化
color
部分的に文字の色を変える
size="1〜7"
文字の大きさを変える(デフォルト＝3)
きょうのひとこと
たくさん色があって迷います。
綺麗に作れるので凄いです。
５/１４ リスト
hrタグの属性
size=太さ(１０)
windth=幅(４００)
align=水平方向の揃え(left)
color=色(#FF6347)
noshade(属性値なし：影をつけない)
リストの種類
リスト(順不同リスト)＜ul＞〜＜/ul＞
(Un ordered List)
番号付きリスト＜ol＞〜＜/ol＞
(Ordered List)
リストの中身(共通)
＜li＞〜＜li＞
(List Item)
リストの作成方法
- まずolかulでリストの領域を作る
- 中に入れたい項目を＜li＞〜＜/li＞でくくる
リストの入れ子
リストの中にリストを作ることでインデントして階層化されたリストを作ることが出来る
ulリストのマークを変える(ul/li type属性)
(デフォルトは一段目disc二段目circle)
olリストの番号を変える(ol type属性)
- いっこめ
- にこめ
- さんこめ
- いっこめ
- にこめ
- さんこめ
olリストの開始順を変える
＜ol start=""＞
- きのう
- きょう
- あした
きょうのひとこと
タグがたくさんあって覚えられません。
打つのも大変なので難しいです。
５/２１ img
画像を貼り付ける流れ
- 画像の準備
- 気に入った画像をDLフォルダへダウンロード
- 使用するものだけをsite/imgフォルダへ(コピー)
- ファイル名をわかりやすいものに書き換える
- imgタグでどこにあるどの画像を表示するのかを指定
- htmlファイルト画像ファイルに位置関係を保ちながらアップロード
＜img＞画像を貼り付けるタグ
＜img scr="画像へのパス"＞
- 画像に範囲はないので終了タグはなし
- src属性で画像ファイルの設置場所への経路を示す(画像へのパス)
パス(経路)
- htmlファイルから(画像)ファイルへの経路(行き方)
- ファイルの保存場所が変わると経路も変わる
- imgフォルダの中のicon.gif＞../img/icon.gifと表記する
改行したいときは＜br＞タグを使う
imgタグのalign属性
アニメgifも貼れます
- imgタグのalign属性は画像に対する文字の垂直揃え
- 画像の水平方向揃えを設定した場合はその段落にalign属性で指定する(pをつける)
ページに背景画像を設置する(bodyタグbackground属性)
＜body background="画像へのパス"＞
この画像を背景にします
きょうのひとこと
タグは英語でしかもたくさんあるのでごちゃごちゃになります。
難しいのでDWの方が分かりやすいと思いました。
DWとTPが似ていてよくわからないです。
５/２８ リンク１
リンクのページ参照
きょうのひとこと
タグが複雑で混乱しました。