Chrome OSでHTMLをコーディングする方法

ページ名:Chrome OSでHTMLをコーディングする方法

Chrome OSは比較的新しいが、非常に軽量なOSだ。コーディングを始めるための安価なオプションとして、すべてのクロームブックに搭載されている。しかし、Chrome OS上でのハイパーテキストマークアップ言語(HTML)のコーディングは、見た目ほど簡単ではない。Chrome OSにはテキストエディタがないため、コーディングするにはエディタを入手する必要がある。

その1

テキストエディタのインストール

  1. ホーム画面の一番下にあるGoogle Chromeを起動してインターネットを開く。
    • Google Chromeは虹色のボールのアイコンのように見えます。
  2. 一番上の検索バーでChromeウェブストアを検索し、最初のリンクをクリックします。
    • または、このリンクを使用することもできます:
  3. 左上の検索バーでテキストエディタを検索します。
    • 検索キーワード:テキストエディタ、HTML
    • 良いレビューがたくさんあるアプリを見つけましょう。ありがたいことに、Chromeは評価の高いアプリごとに候補を整理してくれます。
    • 拡張機能ではなく、アプリであることを確認してください。
  4. Chromeに追加します。HTMLコーディングができるアプリが見つかったら、「クロームに追加」という青いボタンをクリックしてクロームに追加します。
    • クリックするとポップアップが表示されます。そのポップアップが要求するパーミッションを読み、同意してアプリを追加をクリックします。
パート2

コードを書く

  1. 新しくインストールしたアプリを見つけ、開きます。棚の一番下にある虫眼鏡のアイコンをクリックします。右側の「すべてのアプリ」をクリックし、アプリが見つかるまでスクロールします。
    • バージョンによっては、新しくインストールされたアプリの場所がポップアップで自動的に表示されます。バージョンによっては、手動で探す必要があるかもしれません。
  2. 新規作成]をクリックして新しいドキュメントを作成します。空白のテキストページが開き、入力できるようになります。
  3. <html>タグにコードを記述して、ブラウザに使用言語を知らせ、数行下の</html>で閉じます。
    • で始まるタグは終了タグです。タグは、反対のペアがなければ機能しません。
    • タグは大文字と小文字を区別します。必ず小文字で入力してください。
  4. <html>タグの中に<head>と入力して見出しタグを追加し、数行下に</head>と入力して閉じます。
  5. 最初のタグの直後に<title>と</title>を記述して、head内にタイトルタグを作成します。
    • タイトルタグは、ユーザーにどのサイトにいるのかを知らせます。
  6. <body>でheadタグを閉じた後、</body>で閉じる前にいくつかのbodyタグを記述します。
    • bodyは、情報の大部分を掲載する場所です。
  7. ウェブページにタイトルを追加する。各タイトルタグの間に、ユーザーがどこにいるのかわかるようにタイトルを入れましょう。
    • 歓迎の意を表しましょう!
  8. 本文に文章を書きます。bodyタグの間に、1~2文の文章を入力します。
  9. 最後にもう一度チェックしましょう。文書をスキャンし、すべてが閉じられていることを確認する。タグが閉じられていないと、ページが正しく表示されません。
  10. ドキュメントを保存し、拡張子.htmlを直後に付けることを確認してください。正しく名前を付けたら「保存」をクリックします。
    • 例えば「MyFirstWebsite.html」のように。
  11. 保存したドキュメントを探します。棚の虫眼鏡をクリックし、ファイルアイコンを探します。ファイルエクスプローラーを開き、保存したHTMLを見つけます。
    • ドキュメントをクリックして開きます。
  12. 自分でコーディングした、新しく作成されたウェブページを鑑賞してください!ドキュメントはデフォルトのブラウザで開きます。
この記事は、CC BY-NC-SAの下で公開されている「 How to Code HTML on Chrome OS」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。

シェアボタン: このページをSNSに投稿するのに便利です。

コメント

返信元返信をやめる

※ 悪質なユーザーの書き込みは制限します。

最新を表示する

NG表示方式

NGID一覧