HTMLとは何か
HTMLとは、インターネット上に表示されるホームページを作るための基本的な仕組みのことです。正式には「HyperText Markup Language」といい、文章や画像、リンクなどを「ここに見出しを書く」「ここに文章を書く」といった形で指定するための言葉です。HTMLそのものが画面をきれいにするわけではなく、「この部分はタイトル」「この部分は本文」というように、内容の役割をコンピューターに伝える役目を持っています。
HTMLでできること
HTMLを使うと、文章を表示したり、写真をのせたり、別のページに移動できるリンクを作ったりできます。たとえば、ニュースサイトの記事やお店の紹介ページ、ブログの記事なども、基本はHTMLで作られています。ただし、色を変えたり動きをつけたりする場合は、HTML以外の仕組みと一緒に使われることが多いです。
タグという考え方
HTMLでは「タグ」と呼ばれる特別な記号を使って文章を囲みます。タグとは、「これは見出しです」「これは段落です」と意味を伝える目印のようなものです。多くの場合、始まりと終わりがセットになっていて、その間に書かれた内容がどんな役割なのかを示します。
文章を表示するタグの例
HTMLでは、文章を書くときに段落を表すタグを使います。たとえば、普通の文章は「p」というタグで囲みます。実際には、次のように書かれています。
<p>こんにちは。これは文章です。</p>
このように書くことで、「こんにちは。これは文章です。」という文が、ひとまとまりの文章として表示されます。「p」は段落という意味を持つタグです。
見出しを表すタグの例
見出しには、見出し用のタグが使われます。たとえば、一番大きな見出しは「h1」というタグで書きます。実際の例は次のようになります。
<h1>今日のニュース</h1>
このように書くと、「今日のニュース」という文字が、ページの中で目立つ見出しとして表示されます。見出しであることをHTMLが伝えているためです。
リンクを作るタグの例
HTMLでは、別のページへ移動するリンクも作れます。そのときに使うのが「a」というタグです。たとえば、次のように書きます。
<a href="next.html">次のページはこちら</a>
この書き方では、「次のページはこちら」という文字をクリックすると、指定された別のページへ移動します。「href」は、移動先の場所を教えるための情報です。
HTMLはプログラミングなのか
HTMLはよくプログラミングと一緒に語られますが、正確には少し違います。プログラミングは計算をしたり、動きを決めたりしますが、HTMLは文章の構造を決めるためのものです。そのため、命令を書いて動かすというより、「この文章は何か」を伝える役割が中心です。
HTMLを学ぶ意味
HTMLを知っていると、ホームページがどのように作られているのかが理解できるようになります。また、ブログのカスタマイズや簡単なページ作成もできるようになるため、インターネットをより身近に感じられます。難しい知識がなくても始められるのが、HTMLの大きな特徴です。
まとめ
HTMLとは、ホームページの内容と役割をコンピューターに伝えるための、とても基本的で大切な仕組みです。文章や画像を正しく見せるための土台となっており、インターネットを支える重要な存在です。はじめは難しく感じるかもしれませんが、考え方はシンプルなので、少しずつ理解していくことができます。