TECH I.S.

HTMLエディタ


HTMLを学ぶために必要なのは、単純なテキストエディタだけです。


メモ帳またはテキストエディタを使用してHTMを学ぶ

Webページは、専門のHTMLエディターを使用して、作成および変更できます。

ただし、HTMLの学習には、メモ帳(PC)やテキストエディット(Mac)などの、パソコンにデフォルトでインストールされている単純なテキストエディターをお勧めします。

最初はシンプルなテキストエディタを使用することは、HTMLを学習するための良い方法です。

次の手順に従って、メモ帳または、テキストエディットを使用して最初のWeb ページを作成しましょう。


ステップ 1: メモ帳を開く(PC)

Windows 8 以降

スタート画面(画面の左下にあるウィンドウ記号)を開き、メモ帳と入力する。


ステップ 1: テキストエディットを開く(Mac)

Finder>アプリケーション>テキストエディットを開きます。

次に、新しい書類をクリックして、新規ファイルを作成します。


ステップ2:HTMLを書く

次のHTMLコードをメモ帳に書き込むか、コピーします。

<!DOCTYPE html> <html> <body> <h1>最初の見出し</h1> <p>最初の段落</p> </body> </html>
Notepad

ステップ3:HTMLページを保存

ファイルをコンピューターに保存します。メモ帳メニューで、ファイル >名前を付けて保存を選択する。

"index.htm"とファイルに名前を付けます。エンコーディング(データの保存方法)をUTF-8に設定します。(UTF-8はよく利用されるおすすめのエンコードです)。
View in Browser


ヒント:ファイル拡張子として .htm または .html を使用できます。違いはないので、どちらを利用しても大丈夫です。





ステップ4:ブラウザでHTMLページ

保存したHTMLファイルを、お気に入りのブラウザーで開きます。
(ファイルをダブルクリックするか、右クリックして [プログラムから開く] を選択します)。

結果は次のようになります。
View in Browser



テックアイエスのオンラインエディター - 「自分で試してみる」

無料のオンラインエディターを使用すると、HTML コードを編集し、ブラウザーで結果を表示できます。

簡単にコードを試したいときに最適なツールです。

<!DOCTYPE html> <html> <head> <title>ページタイトル</title> </head> <body> <h1>最初の見出し</h1> <p>最初の段落</p> </body> </html>

「自分で試してみる」ボタンをクリックして、その仕組みを確認してください。

プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細