目次
HTML基本
- HTMLの基本構造
- 文書型宣言
- head
- body
CSS基本
画像
- 画像の挿入・大きさの指定・・・・・・・・img , alt , width , height
- 画像の回り込み指定 ・・・・・・・・・・・・float
- 画像からリンクを張る ・・・・・・・・・・・・a href
- 背景画像の指定&繰り返し・・・・・・ background-image , background-repeat
- 背景画像の表示位置の指定・・・・・ background-position
- テキストと画像~imgの位置関係・・・・・ vertical-align
テーブル
- テーブルを作るためのタグ・・・・・・・・・table , tr , td , th
- 枠線の表示、テーブルの概要・・・・・・border , summary
- 見出しに関する情報が行・列どちらに属しているかを示す ・・・・・・scope
- 表のテーブル・セルの大きさを指定 ・・・・・width , height
- テーブルのボーダー(枠線)をデザイン ・・・border , border-collapse , border-spacing
- セル内の余白と表示位置を調整する ・・padding , text-align , vertical-align , white-space
- 行や列を連結する ・・・・・・・・・・・・・・・colspan , rowspan
- テーブルに背景色・背景画像を入れて飾る ・・・background-color , background-image
リスト
画像の加工☆GIMP
しばらく更新が途絶えておりました。
ごきげんよう。
今日は、GIMPです
piggの画像を作りたいとか、
プライベートで、画像を加工する時、
PHOTOSHOPがあれば言うことがないのですが、
正規版だと数万円するのが通常です。
なので、わたしは、
GIMP
使ってます。
タダです。
LINUXとかだと同梱されてるよね。
⇒GIMP:wikipedia
これ、フリーソフトだけど、PHOTOSHOP並みの機能がついてるから、
すごく便利。
操作も慣れると簡単。
難点は、公式サイトが英語なこと。
ソフト自体は日本語表記にできます
たまにうまく動かないことがありますが、
そういったかたは、1000円位のガイドブック買えば
CDで付いてくるので、
それ使うと英語⇒日本語の手順が省略されてるので、
とてもラクチンです。
使い方もちょこちょこアップしていきたいと思います。
ごきげんよう。
今日は、GIMPです
piggの画像を作りたいとか、
プライベートで、画像を加工する時、
PHOTOSHOPがあれば言うことがないのですが、
正規版だと数万円するのが通常です。
なので、わたしは、
GIMP
使ってます。
タダです。
LINUXとかだと同梱されてるよね。
⇒GIMP:wikipedia
これ、フリーソフトだけど、PHOTOSHOP並みの機能がついてるから、
すごく便利。
操作も慣れると簡単。
難点は、公式サイトが英語なこと。
ソフト自体は日本語表記にできます
たまにうまく動かないことがありますが、
そういったかたは、1000円位のガイドブック買えば
CDで付いてくるので、
それ使うと英語⇒日本語の手順が省略されてるので、
とてもラクチンです。
使い方もちょこちょこアップしていきたいと思います。
フォントの種類を指定
フォントの変更
p{ font-family : 値,値,値・・・・; }
- フォントファミリー名
- フォントを具体的な名前で指定
- 総称ファミリー名
- フォントの種類を表す。できるだけ指定するよう推奨されている。
| 総称ファミリー名 | フォントファミリー名 | |
| 明朝系 | serif | "MS P明朝" Georgia Garamond "Times New Roman" "ヒラギノ明朝 Pro W6" |
| ゴシック系 | sans-serif | メイリオ"MS Pゴシック" Arial Verdana Helvetica "ヒラギノ角ゴ Pro W6" |
| 草書体系 | cursive | "caflisch script" "ex ponto" |
| 装飾系 | fantasy | critter studz |
| 等幅系 | monospace | "MS ゴシック" Courier "Courier New" |


