【HTML】Hello, World! を表示する

Hello, World!を表示するHTMLを作って、ブラウザで確認したい。

ファイルを作成

HTMLのファイルを新規作成する

必ず拡張子.htmlをファイル名に続けて書く

ファイル名を付けるときのおすすめルール

  • 使う文字は、半角ローマ字(小文字)・半角数字・ハイフン・アンダースコアだけ
    abcdefghijklmnopqrstuvwxyz1234567890-_
  • 最初の文字は半角ローマ字(小文字)に限定

ソースコードを記述

ファイルの中にHTMLで記述する


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Hello HTML</title>
    </head>
    <body>
        <p>Hello, Wold!</p>
    </body>
    </html>
    

編集したら保存する

ブラウザで開く

ファイルを[このアプリケーションで開く]からブラウザを選ぶか、ファイルをブラウザウィンドウにドラッグする。

ブラウザに「Hello, World!」を表示できた

ここでは、Google Chrome を利用した

タイトルとURLをコピーしました