。
プログラミング初心者向け記事：HTMLを使った入門的なサイトの構築
この記事では、プログラミング初心者がHTMLを使ってサイトの構築を行う方法をご紹介します。設計思想や細かいルールなどは割愛し、htmlの構文を使ってサイトの構築を実装することを重点的に扱います。
目次
1. HTMLって何？
HTMLとは、Hyper Text Markup Languageの略で、ウェブサイトを構築するための言語です。要するに、ブラウザが文字と画像などのデータを表示するのを司ります。HTMLを使うと、自分好みのデザインのサイトを作ることができます。
2. HTML文章の構造を覚える
HTMLは開始タグ（<***>）と終了タグ（</***>）で構成される文章です。例えば、タイトルを表示したい場合は<h1>タイトル</h1>と記述します。<h1>タグが開始タグになり、</h1>が終了タグになります。なお、開始タグと終了タグは必ず対になるものとします。
3. 実際にサイトを構築する
HTMLでサイトを構築する手順を紹介します。
- サイトの基本的な構造を作る
- 文字を表示する
- 画像を表示する
- ページをつなげる
基本的な構造を作る
まずは基本的なHTML文章の構造を記述します。以下のコードをサイトに設置することでサイトの骨組みを構築することができます。
<html>
<head>
<title>タイトル</title>
</head>
<body>
</body>
</html>
文字を表示する
次に、文字を表示する方法を紹介します。文字を表示する場合は<p>タグを使います。<p>タグで囲われ
</body>
</html>
画像を表示する
画像を表示するには、<img>タグを使います。<img>タグの中に画像のファイルパスを記述すると、画像が表示できます。
<img src="画像のファイルパス">
ページをつなげる
サイト内のページをつなげるには、<a>タグを使います。<a>タグの中にリンク先のURLを記述すると、そのページにアクセスできるようになります。
<a href="リンク先のURL">リンク先の文字</a>
以上が、HTMLを使ってサイトの構築を行う方法です。HTML文章の記述が分かれば、自分の好きなサイトを作ることができます。是非、試してみてください。
コメント