| 12月 |
|---|
| 月 | 火 | 水 | 木 | 金 | 土 | 日 |
| | | | 1 | 2 | 3 | 4 |
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 | |
| ＜ | | ＞ |
|
11/28 フォーム
＜form＞～＜/form＞
formのコントロールはすべてこの中に入れないと動作しない
inputタグ
ほとんどのフォームのコントロールはinputタグのtype属性を変えることで作成できる
| type | コントロールの種類 |
| name | データがどの項目のものか識別する名前 |
| value | 入力される値。値に入れておくと前もって表示できる |
終了タグ不要
テキストフィールド（type="text"）
パスワードフィールド（type="password"）
入力文字をドットで見られなくする
ラジオボタン（type="radio"）
選択肢から択一で選ぶ場合
チェックボックス（type="checkbox"）
選択肢から複数選ぶ場合
送信ボタン（type="submit"）
フォームを送信するボタン
リセットボタン（type="reset"）
フォームの入力をクリアするボタン
きょうのひとこと
12/07 スタイルシート
CSS（スタイルシート）とは
- htmlは構造を定義し、解釈をブラウザに任せつつ属性等で指定していた
- 構造と表示を分離し、表示方法を独自に定義させるため追加された言語がCSS
CSSの基本書式
プロパティ：値
様々な表示に関する設定（プロパティ）を指定できる
CSSの記述場所
CSSはhtmlと記述方法が違うのでうまくhtml内に取り込む必要がある
タグのstyle属性の属性値として指定することでそのタグ内を指定できる
＜タグ style="プロパティ：値"＞
対象はタグ内のみ
2.タグから独立して指定する（埋め込みスタイルシート）
- タグ内だと再出毎に指定する必要があり属性と変わらない
- タグより前のヘッダ等に何に対する指定か（セレクタ）を示して指定すればページ内一括で指定できる
セレクタ { プロパティ：値 }
セレクタをタグにするとタグの見栄えを自分で定義できる
セレクタを使用する際の記述場所
- 対象が出現する前 ＝ ＜head＞内
- 何らかのタグで括る必要 ＝ ＜style＞内
- どこまでがそのセレクタへの指定かを括る必要 ＝ { } 内
実際のプロパティ
color:値
文字色
text-align:値
水平揃え
font:値
文字サイズ
background-color:値
背景色
きょうのひとこと
つかれたー
12/19 クラス/ID セレクタ
border の単独指定
4辺の一部だけに罫線を指定することもできる
border-top,bottom,left,right
同じタグの中で他と違ったスタイル指定が可能
＜タグ class="クラス名"＞再出する場合
タグに名前を付けて識別し
. クラス名{プロパティ:値}
付けた名前に . を加え CSS のセレクタにして独自の指定が行える
htmlタグは最低限のものしか用意されいていない
特定の意味・表示効果を持たないタグ＜div＞＜span＞
既存のタグで示せない任意のエリアを括り、class 等で命名してスタイル指定することができる
＜span＞～＜/span＞
行内の一部など改行しない場合
＜div＞～＜/div＞
ブロックなど改行伴う場合
きょうのひとこと
いつもセミコロンを忘れてしまうので気をつけたい。
|
