HTMLの練習を始める前に
このサイトでは、パソコンに小さなHTMLファイルを作り、ブラウザーで開いて練習します。サイトへの会員登録は必要ありません。
用意するもの
- パソコン
- 文字を編集して保存できるアプリ
- ブラウザー＊1
- 練習ファイルを入れるフォルダー
＊1 ブラウザー：ウェブページを開くためのアプリです。いま、このサイトを表示しているアプリもブラウザーです。
練習用のフォルダーを作る
自分で分かりやすい場所に、html-practice というフォルダーを作ります。コードと画像を同じ場所にまとめると、あとから探しやすくなります。
文字だけのファイルとして保存する
文章を飾り付ける文書形式ではなく、プレーンテキスト＊2として保存します。ファイル名は index.html、文字の保存形式はUTF-8＊3にします。
＊2 プレーンテキスト：文字の大きさや色など、文書の飾りを含まない文字だけの形式です。
＊3 UTF-8：日本語などの文字を保存する方式です。
拡張子を確認しましょう。index.html.txt ではなく、index.html とします。拡張子とは、ファイル名の最後にある .html などの部分です。
保存したら、ブラウザーで開く
index.html をブラウザーの画面へドラッグするなどして開きます。コードを変更したら、文字編集アプリで保存してから、ブラウザーを再読み込みします。
ここでの練習と、サイトの記事編集は別です
レッスンのコードは、パソコン内の練習ファイルに書きます。文書全体のコードを、このサイトのWordPress記事編集画面に貼り付ける必要はありません。