hPageでホームページを作成するのに、HTMLの知識は必要ありません。コンテンツエディターが自動的にHTMLを作成します。この記事では、HTMLという用語について説明し、独自のコードを使いたい場合にどこに入れられるかをご紹介します。
1分でわかるHTML
HTMLはHyperText Markup Languageの略です。コンテンツの表示方法をブラウザーに伝える「タグ」が入ったプレーンテキストです。2つの例をご覧ください。
<b>Bold text</b>はBold textと表示されます（bは太字を意味するboldの略です）。<a href="https://www.hpage.com/">hPage</a>は、「hPage」という文字のリンクになります。
CSSはデザイン（色、フォント、余白）を、JavaScriptは動作を加えます。地図、予約ウィジェット、動画プレーヤーなど、ほかのサービスのコードは、たいていHTMLとJavaScriptを組み合わせたものです。
hPageで独自のHTMLを入れられる場所
- 埋め込みHTML要素：コンテンツエディターで要素を追加（アドオン） → 特殊 → 埋め込みHTMLを選び、コードを貼り付けます。テキストエディターに影響しないため、外部サービスのコードにはこの方法をおすすめします。
- テキストツールバーのHTMLを挿入：テキスト要素内のカーソル位置にコードを挿入します。
- コンテンツエディターのツールバーのHTMLエディター：ページのHTML全体を表示・編集します。上級者向けの機能です。間違えるとレイアウトが崩れることがあります。コードを読み込めない場合は修復を試すが役立ちます。
- 個別のページのhead内のHTML（プレミアム）：ページの設定 → 詳細設定を表示 → head内のHTMLで、そのページだけに必要なスクリプトやスタイルシートを設定できます。
- 設定 → ヘッダーエリア：ホームページ全体に対する独自の追加HTMLコード（
<head>と</head>の間）（所有権確認用のタグなど）と、独自の追加CSSスタイルシート（.cssファイルのURL）を設定できます。 - 設定 → 一般 → サイト全体：各ページの先頭と各ページの末尾に入れるHTML（アクセスカウンターなど）を設定できます。個別のページでは、詳細設定のこのページにはサイト共通のHTMLコードを含めないで除外できます。
- HTMLファイル（プレミアム）：.htmや.htmlのファイル一式をファイル → ファイルをアップロードでアップロードし、リンクできます。
デザイン用のコードについて詳しくは、独自のCSSとHTMLをご覧ください。