HTMLで自己紹介1ページ

What you need

必要なもの

手持ちの端末と無料で使える範囲から始めます。有料機能や周辺機器は、必要な機能が分かってから検討します。

• 01パソコン
• 02テキストエディタ
• 03更新済みブラウザ

How to choose

道具の選び方

Step by step

初心者向けの詳しい手順

1. 1

   端末と作業環境を準備する

   パソコン、テキストエディタ、更新済みブラウザを用意し、端末の充電、保存先、通信環境を確認します。個人情報や位置情報を公開する設定になっていないかも確かめます。

2. 2

   作業フォルダーとindex.htmlを作る

   新しいフォルダーを1つ作り、文字コードUTF-8でindex.htmlを保存します。ブラウザでそのファイルを開き、空のページが表示されることを確認します。

3. 3

   最初の作業を行う

   新しいHTMLファイルへ架空の名前で見出しを1つ書く。

4. 4

   見出し、文章、リンクをHTMLで書く

   title、h1、p、aの順に自分の名前または公開名、紹介文、好きなサイトへのリンクを書きます。保存してブラウザを再読み込みし、リンク先と文字化けがないことを確認します。

5. 5

   最初の目標まで仕上げる

   端末内で、見出し、文章、自分で確認したリンクがある1ページを開く。

Troubleshooting

よくある失敗と対処法

• 大きなコードをそのままコピーせず、1行ずつ役割を確認します。氏名、住所、連絡先などを公開しません。

Before you start

安全に楽しむために

• 最初は端末内だけで開き、本名、住所、学校・勤務先、連絡先、位置情報、パスワードを記載しない
• コードは信頼できる教材から必要な部分だけ使い、内容不明のスクリプトやコマンドを実行しない

Buy later

次に買い足す道具

最初から全部そろえる必要はありません。1度試して、続けたい方向が決まってから検討します。