方法-Webサイトを作成して表示する
コンピューターでWebページを作成および表示する方法を学びます。
ステップ1:メモ帳(PC)を開く
Windows 8以降:
スタート画面(画面の左下にあるウィンドウ記号)を開きます。メモ帳と入力します。
Windows 7以前:
[スタート] > [ プログラム]> [ アクセサリ ]> [メモ帳]を開きます
ステップ1:テキストエディットを開く(Mac)
Finder>アプリケーション>テキストエディットを開きます
また、いくつかの設定を変更して、アプリケーションがファイルを正しく保存できるようにします。 [設定]> [フォーマット]> [ プレーンテキスト]を選択します
次に、[開いて保存]で、[HTMLファイルをフォーマットされたテキストではなくHTMLコードとして表示する]チェックボックスをオンにします。
次に、新しいドキュメントを開いてコードを配置します。
ステップ2:HTMLを書く
次のHTMLコードをメモ帳に書き込むかコピーします。
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
ステップ3:HTMLページを保存する
ファイルをコンピューターに保存します。メモ帳メニューで[ファイル]> [名前を付けて保存]を選択します。
ファイルに「index.htm」という名前を付け、エンコーディングを UTF-8(HTMLファイルの推奨エンコーディング)に設定します。
ヒント:ファイル拡張子として.htmまたは.htmlのいずれかを使用できます。違いはありません、それはあなた次第です。
ステップ4:ブラウザでHTMLページを表示する
保存したHTMLファイルをお気に入りのブラウザで開きます(ファイルをダブルクリックするか、右クリックして[プログラムから開く]を選択します)。
結果は次のようになります。
W3Schools OnlineEditor-「自分で試してみてください」
無料のオンラインエディタを使用すると、HTMLコードを編集して、ブラウザで結果を表示できます。
コードを高速にテストしたい場合に最適なツールです。また、色分けと、コードを保存して他のユーザーと共有する機能もあります。
例
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
[自分で試す]ボタンをクリックして、どのように機能するかを確認してください。
W3Schoolsスペース
独自のWebサイトを作成し、.htmlファイルをホストする場合は、 W3schoolsSpacesと呼ばれる無料のWebサイトビルダーを試してください。