2024.10.30

ＨＴＭＬとは？

nyaranyara275

HTML初心者向け！ウェブサイトを作る第一歩を踏み出そう！

1. HTMLとは？

HTML（HyperText Markup Language）とは、Webページの構造を記述するための言語です。私たちが普段見ているWebページは、すべてHTMLで記述されています。HTMLを使うことで、見出し、段落、画像、リンクなどを配置し、Webページを作成することができます。

2. HTMLの基礎

HTMLの構造

HTMLの文書は、<html>タグと</html>タグで囲まれます。この間が、実際のWebページの内容になります。

タグとは？

タグは、HTMLの要素を表す記号です。<p>タグは段落を表し、<h1>タグは見出しを表すなど、それぞれのタグに意味があります。タグは、<タグ名>のように始まり、</タグ名>で閉じます。

よく使うタグの紹介

<html>: HTML文書全体を囲みます。
<head>: ページのタイトルや、外部ファイルの読み込みなどを記述します。
<body>: ページの本体となる部分です。
<h1>～<h6>: 見出しを表します。
<p>: 段落を表します。
<a>: リンクを表します。
<img>: 画像を表示します。

3. 簡単なHTMLのコード例

HTML

<!DOCTYPE html>
<html>
<head>
    <title>私の初めてのHTMLページ</title>
</head>
<body>
    <h1>こんにちは、HTMLの世界へようこそ！</h1>
    <p>これは私の最初の段落です。</p>
    <p>
        <a href="https://www.example.com">これはリンクの例です。</a>
    </p>
    <img src="image.jpg" alt="私の画像">
</body>
</html>

このコードをテキストエディタで作成し、.htmlという拡張子で保存すると、シンプルなWebページが作成できます。

4. HTMLの書き方

タグの入れ子: タグは入れ子にすることができます。例えば、<p>タグの中に<a>タグを入れることができます。
属性: タグには、属性を追加することで、より詳細な情報を指定することができます。例えば、<img>タグのsrc属性には画像のファイル名を指定します。
コメント: “のように、コメントを記述することができます。