HTML入門｜メモ帳で最初のホームページを作る（初心者向け）

最初のページを作る

1. メモ帳を開いて、下の基本の形を書く
2. 「ファイル」→「名前を付けて保存」で、名前を index.html、文字コードを UTF-8 にして保存ファイルの種類は「すべてのファイル」に。
3. 保存したファイルをダブルクリックブラウザで開きます。直したら保存して、ブラウザを再読み込み（F5）。

基本の形

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>はじめてのページ</title>
</head>
<body>
  <h1>こんにちは</h1>
  <p>はじめてのホームページです。</p>
</body>
</html>

画像とリンクを入れる

<img src="photo.jpg" alt="教室の写真" width="300">
<a href="https://pier-pc.com/guide/">ピアのパソコン学習ガイド</a>

画像は、HTMLファイルと同じフォルダーに置きます。alt には画像の説明を書きます（画像が見られない人や検索エンジンのため）。

CSSで色をつける

<style>
  h1 { color: #1a73e8; }
  p  { font-size: 18px; }
</style>

<head> の中に書くと、見出しが青に、文章が少し大きくなります。色の番号はカラーコードの道具で調べられます。

ここで作ったページは、まだ自分のパソコンの中にあるだけです。ネットに公開するには、レンタルサーバーなどに置く必要があります。

ほかのプログラミングのページ

• 初心者の始め方何から始めるか
• プログラミングの独学続けるコツ
• 無料で学べるサイトProgate・paizaなど
• プログラミング言語の種類何に使うかで選ぶ
• Pythonとはできること
• Python入門最初の1行から
• HTMLとはホームページのしくみ
• JavaScript入門動きをつける
• SQL入門データを取り出す
• Scratch（スクラッチ）子どもの入門
• Google Apps Script入門スプレッドシートを自動化
• プログラミングスクール選び方と給付金
• プログラミング教室（子ども）選び方
• プログラミングの資格一覧と選び方

プログラミングの関連ページ

• プログラミングとは（まとめ）
• HTMLとは
• JavaScript入門
• Python入門
• SQL入門
• Pythonとは
• Scratch（スクラッチ）
• プログラミング言語の種類
• Google Apps Script入門
• 無料で学べるサイト
• プログラミングスクール
• プログラミングの独学