HTMLファイルの作成

§　HTMLファイルの作成

①『ドキュメントフォルダ』にフォルダを作成する.

ドキュメントフォルダの画像

(※)　わたしはmysiteという名前のフォルダを作成.

mysiteフォルダを作成した画像

②Bracketsを開く. (開いていたらそれでok)

③『Getting Started』をクリックする.

『Getting Started』の画面表示

④『フォルダを開く』をクリックする.

⑤先ほど作成したフォルダを選択する. (私の場合はmysite)

フォルダ選択の画面表示

(※)　選択されていれば以下の画像のようになる.

mysyteに変更された画面表示

⑥『ファイル』を選択後,『新規作成』を選択する.

『新規作成』を選択した後の画面表示

⑦Brackets下部にある『Text』を『HTML』に変更する.

HTMLに変更した後の画面表示

⑧『!』を入力する.

『!』を入力した後の画面表示

⑨『Tabキー』を押すと基本構成のコードが自動入力される.

(※) 拡張機能であるEmmetが入っていれば,自動入力されます.

自動入力後の画面表示

⑩ファイルを保存する.

保存後の画面表示

(※)　わたしは『note.html』という名前で作成.

§　ブラウザで確認

①雷マークをクリックする.

雷マークの場所

②ライブプレビューへようこその『ok』をクリックする.

ライブプレビューの画面

③ブラウザが起動する.

ブラウザが起動したときの画面表示

④ブラウザを起動したまま文字を入力する.

全画面表示

ソースコードのみで画面表示

(※) Ctrl+Sで上書き保存してもok.