HTMLでウェブサイトを構築する方法

導入

ウェブサイトの構築とデザインを学びたい場合、ハイパーテキストマークアップ言語（HTML）は始める良い場所です。このプロジェクトベースのチュートリアルシリーズでは、デモサイト（以下）をモデルにして、HTMLとその方法を紹介します。基本を学べば、ウェブサイトのデザインを変更したり、個人のコンテンツを追加したりすることができます。このシリーズのチュートリアルに従うには、事前のコーディング経験は必要ありません。

HTMLは、ウェブブラウザでドキュメントを表示するための標準的なマークアップ言語です。1990年にティム・バーナーズ・リーが欧州原子核研究機構（CERN）で働いているときに最初に開発され、1991年8月6日に世界初のウェブサイトを公開するために使用された主要な革新技術の1つでした。CERNによる復元プロジェクトのおかげで、オリジナルのウェブサイトを再訪することができます。その後、HTMLは大幅に更新および拡張されましたが、ウェブページのフォーマットと構造を定義するという基本的な目的は変わっていません。

今日、HTMLはウェブを構築するための多くのツールの1つです。HTMLの書き方を知っていることは、ウェブデザイナーとしての堅固な基盤を提供し、CSSやJavaScriptなどの追加のフロントエンドウェブ開発スキルを学ぶ準備を整えます。

このチュートリアルシリーズでは、一般的なHTMLタグと技術を使用してウェブサイトを作成し、カスタマイズする方法を学びます。このチュートリアルを完了すると、クラウドに展開する準備が整ったサイトが手に入ります。

前提条件

• A code editor like Visual Studio Code or Atom. For this tutorial series, we will be using Visual Studio Code as our default code editor but you may use any code editor you like. Certain instructions may need to be slightly modified if you use a different editor.
• A web browser like Firefox or Chrome. We will be using Firefox as our default browser but you may use any browser you like. Certain instructions may need to be slightly modified if you use a different web browser.
• サイトをカスタマイズするための2つの異なるプロフィール写真、画像、またはアバター（任意）。

前提条件が整ったら、次のチュートリアルでHTMLプロジェクトを設定する準備ができます。