▽ファイルリンク ▽ぺージ内リンク ▽メールリンク
ファイルリンク
相対リンク
絶対パスリンク
リンク画像
- IDで命名
- ターゲットアイコンからID部分へドラック
挿入位置のコントロール
タグの階層関係がビジュアルエディダは把握しずらいので必要なものは挿入ダイアログが出る
挿入位置ダイアル
- 選択開始の周囲で折り返し（挿入ポイント）＞カーソルでコントロール
- 開始タグの後＞子要素として先頭に
- 終了タグの前＞子要素として最後に
今日の一言
今日は簡単な内容だったので結構できました、あと最後に文章が全部売ってあるやつ乗っけて欲しいです
05/16 イメージマップとテーブル
イメージマップ
一枚の画像の中に複数のエリアを描画し、異なるリンク先を指定できる
- 指定したい画像を選択し、プロパティインスペタク＞マップより描画
- マップは流用できるので操作性も含めフォーマットを統一する
テーブル
| 5月 |
| 月 |
火 |
水 |
木 |
金 |
土 |
日 |
| |
１ |
２ |
３ |
４ |
５ |
６ |
| ７ |
８ |
９ |
１０ |
１１ |
１２ |
１３ |
| １４ |
１５ |
１６ |
１７ |
１８ |
１９ |
２０ |
| ２１ |
２２ |
２３ |
２４ |
２５ |
２６ |
２７ |
| ２８ |
２９ |
３０ |
|
|
|
|
テーブルの挿入
- 挿入＞テーブル
- 先に幅・行・列数を指定
- セルの属性等はプロパティより指定
テーブルの選択
今日の一言
選択肢をわすれたりすることが多いので、気をつけようと思います
5/23テーブル
テーブルの揃え
- 横はalign縦はvalignで揃えられる
- セル毎に属性を入れると大変なので通常はCSSで指定
- 列毎の指定などはDWの方が楽だが推奨はされない
画像の下の隙間
- html5ではvertical-alignのデフォルトがbaselineなので画像の下に隙間が出る
- つけるにはこれをbottomにする
今日の一言
すっごいわからなかった
5/30セレクタの種類
border
- 四辺一括か単体指定かを選び指定
- styleに何らかの値をいれないと表示されない
セレクタの種類
| セレクタ名 |
記号 |
解説 |
| タグ |
なし |
タグをセレクタに |
| クラス |
. |
再出するところ |
| ID |
# |
一意に特定 |
| 模擬クラス |
: |
状態をセレクタに |
| 子孫クラス |
半角スペース |
特定の親要素がないこ要素を識別 |
| グループセレクタ |
,カンマ |
複数のセレクタをまとめて同一指定 |
文字の単位
正しい文字指定を行うには単位が必要
| 単位 |
解説 |
| PX |
モニタのドット数 |
| em |
文字のサイズの倍数 |
| % |
親要素のフォントサイズに対する割合 |
| 単位無し |
親要素のフォントサイズに対する倍率 |
文字の単位
初期設定で選んだサイズの何倍かがデフォルトCSSで決まっている
| |
font-size |
12px |
16px |
| <p> |
1em |
12px |
16px |
| <h1> |
2em |
24px |
32px |
| <h2> |
1.5em |
18px |
24px |
| <h3> |
1.17em |
14px |
18px |
| <h4> |
1em |
12px |
16px |
pxで指定するとユーザーしていきか関わらず調整ができる
- 全てを指定すると修正じ大変なので基準サイズを決めた後は相対比のemで指定
- 行間の指定には単位なしを使用
今日の一言
今日はがんばりました
|
