ga-05-o2

HTML/CSS初心者の為の
無料で挫折させない ホームページ作成講座

【 HTML/CSS逆引き辞典 】
Sublime Textの便利な機能

A.閉じタグのチェック機能

画像

タグにカーソルを合わせると対のタグがある場合は、両方のタグに薄い赤線が引かれます。この機能を使ってタグが閉じられているかをチェックできます。

B.対となる閉じタグをセットする機能

画像

閉じタグが必要な個所で「</」を入力するとSublime Textが適切な閉じタグを選択してセットします。自分で入力すると間違う場合があるので閉じタグのセットはSublime Textに任せましょう。但し、直前に<br>があると</br>をセットするので、この場合は自分で適切な閉じタグをセットしてください。

C.文字色によって文法をチェックする機能

画像

閉じ「 }」、セミコロン、コロンなどを忘れた時に文字の色が正しく変わらないことで文法エラーを発見できます。

Ⅾ.property候補、タグ候補を表示する機能

画像

propertyの頭1桁又は数桁を入力することによって property候補一覧表が表示されます。タグ候補も同様に表示されます。propertyのスペルを間違うこともないし、propertyのスペルを覚える必要もありません。

E.コメントアウトを使ってデバッグをする機能

画像

範囲選択をして、「ctrl+/」(ctrlを押しながら/を押す)を押下すれば、選択範囲がコメントとして扱われます。コメントアウトされた範囲の1ヶ所にカーソルを置いて「ctrl+/」を押下すれば、コメントアウトが解除されます。この機能を利用して、結果が思ったようにならなかった時に原因調査の目的で使用できます。かなり役に立ちます。

 back
pagetop

Sublime Textの
良く使う
ショートカット

Sublime Textの
便利な機能

Copyright (c) 無料で挫折させないホームページ作成講座 All Rights Reserved.
by yorozuken