【第4回】ウェブサイト制作講座：初心者でも安心！10ステップでホームページを作ろう！
第4回：HTMLを使って簡単なホームページを作ってみよう
前回は、ホームページの骨組みとなるHTMLについて解説しました。
今回は、HTMLを使って簡単なホームページを作ってみましょう！
準備するもの
- テキストエディタ
- ウェブブラウザ
手順
- テキストエディタを開き、以下のコードを記述します。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>私のホームページ</title>
</head>
<body>
<h1>私のホームページへようこそ</h1>
<p>はじめまして！私は〇〇と申します。</p>
<p>このホームページでは、私の自己紹介や趣味などを紹介していきます。</p>
<img src="image.jpg" alt="私の写真">
</body>
</html>
- コードを保存します。ファイル名は「index.html」にします。
- ウェブブラウザを開き、「index.html」ファイルをドラッグ＆ドロップします。
完成
以下の画面が表示されれば、完成です！
ポイント
- コードは、半角英数字で正しく記述しましょう。
- タグの開始タグと終了タグを必ず対にしましょう。
- 属性は、スペースで区切って記述しましょう。
- 画像のパスは、自分の環境に合わせて変更しましょう。
まとめ
今回は、HTMLを使って簡単なホームページを作ってみました。
次回は、CSSを使ってホームページを装飾してみましょう！
補足
- 今回作ったホームページは、あくまでも基本的なものです。もっとデザインを凝ったり、機能を追加したりするには、さらに勉強する必要があります。
- わからないことがあれば、いつでもお問い合わせフォームからお気軽にご質問ください。
株式会社タスクスクエアについて
株式会社タスクスクエアは、ホームページ制作・Webサイトリニューアル・SEO対策を得意とする制作会社です。愛知県・名古屋市を中心に全国対応。企業や店舗の集客支援、ブランディング、デザイン制作までワンストップで対応しています。WordPressを活用した更新しやすいサイト構築や、成果につながるコンテンツ企画で、多くの中小企業や個人事業主のビジネス成長をサポートしてきました。制作実績も豊富で、業種や目的に合わせた最適なサイトをご提案可能です。
無料相談・お見積りはお気軽にお問い合わせください。
