1. HOME
  2. »
  3. 分かりやすいIT用語辞典
  4. »
  5. WEBデザイン
  6. »
  7. HTMLとは?

HTMLとは?

HTMLは、ホームページを作るときにコンピュータに対して使う、言葉のことです。
コンピュータは人間の言葉が分からないので、その専用の言葉を使います。

今回は、HTMLとはなんなのかについて紹介していきます。

ここでは、分かりやすいように、Webページのことをホームページと表記しています。

目次
  1. HTMLとは?
  2. HTMLについて、もう少し具体的な例
  3. まとめ

HTMLとは?

HTMLは、ホームページを作るときに使う言葉です。

文字の段落を表したり、画像を表示させたり、といった、どういうものをホームページに使うかを書いていくときに使います。

「Hyper Text Markup Language」の略で、Languageは言葉(言語)という意味です。

HTMLでは、ホームページにこの文字を表示させたいとか、この画像を使いたいとか、そういったことを書いていきます。(ちなみに、文字の色を変えたいとか、表示する場所はここがいいとかは、CSSというもので決めることができます。)

HTMLについて、もう少し具体的な例

もう少し具体的に見ていきましょう。
ホームページは、基本的にHTMLを使って作ります。

たとえば、index.htmlというファイルを作り、内容は次のようにします。

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<title>HTMLを学ぼう!</title>
</head>
<body>
	<h1>HTMLについて</h1>
	<p>今日はHTMLについて学んでいきましょう!</p>
	<img src="img/dog.jpg" alt="犬">
</body>
</html>

5行目、8〜10行目にご注目ください。
5行目ではページのタイトル、8行目では見出し、9行目は本文、そして10行目で画像を使いたいというふうに書いています。

さて、このindex.htmlファイルを、ブラウザ(EdgeやChromeなど)で開くと、次のようになります。

ファイルの内容と見比べると分かりやすいと思いますが、タイトルは<title></title>ではさみ、本文は<p></p>ではさんでいます。
画像は<img …>というのを使っています。ここに画像のある場所とファイル名を書くことで、画像を表示することができます。

これらはタグと呼ばれ、特別な意味を持つ言葉です。

titleタグはさまれた文字がタイトルだということ、h1タグ一番大きな見出しであること、pタグひとつの段落であることを表します。
そして、imgタグ画像を表示します。

基本的に、先に書いたものから順番に、上から下へと表示されていきます。(タグによっては横に並ぶこともあります)

また、この配置は、CSSというものを使って調節することができます。
CSSでは、自由に位置を調節したり、大きさを変えたり、文字の色を変えたりと、いろんなことができます。(HTMLだけでもそういったことができますが、CSSと組み合わせて作るのが、今の主流です)

まとめ

HTMLは、コンピュータに対しての言葉で、ホームページを作るときに使います。

タグはHTMLで使われる特別な言葉で、文章などをはさむことで、はさんだものに特別な意味を持たせます。

基本的には、先に書いたものから順番に、上から下へと表示されていきます。
CSSというものを使うと、表示する位置を調節したり、文字の色を変えたりと、もっと自由なホームページを作ることができます。

スポンサードリンク

関連コンテンツ

オススメ記事

ペンテスト(ペネトレーションテスト)とは?

ペンテストはペネトレーションテストを短くしたものです。ホワイトハッカーが実際に侵入を試してみることで、そのシステムに弱い部分(脆弱性)があるかどうかをテストすることです。 ペンテスト(

DDoS攻撃とは? DoS攻撃との違いも含めて解説!

DDoS攻撃は、あるサービスにたいして、たくさんのお願い事をすることで、そのサービスが本来のやるべきことをできなくしてしまう攻撃のことです。 似たものとしてDoS攻撃というものがありますが、D

総当たり攻撃(ブルートフォースアタック)とは?

総当たり攻撃(ブルートフォースアタック)は、パスワードを盗むための攻撃方法のひとつです。パスワードを順番に試していくことで、いずれはそのパスワードにたどり着くかもしれない、という攻撃です。

ゼロデイ攻撃(ゼロデイアタック)とは?

ゼロデイ攻撃とは、システムに弱い部分(脆弱性)が見つかり、その対応ができる前に行われる攻撃のことです。 システムを作っている人たちがまだ認識していない脆弱性を、悪い人たちが先に知ってしまった場

逆総当たり攻撃(リバースブルートフォースアタック)とは?

逆総当たり攻撃(リバースブルートフォースアタック)は、パスワードを盗むための攻撃方法のひとつです。これと似た攻撃方法に、総当たり攻撃というものがありますが、逆総当たり攻撃はその逆の方法になります。

三項演算子とは?

三項演算子は、プログラムの書き方のひとつで、真理値(true false)による条件分岐をかんたんに書く方法のことです。 プログラミングをしていると、真理値によって分岐したいことが本当によくあ

IPアドレスとは?

IPアドレス(Internet Protocol address)は、それぞれコンピュータに付けられた住所のこと、とよく言われています。 ただ、住所と言われても、いまいちピンとこないかもしれま

マルウェアとは? ウィルス、ワーム、トロイの木馬との違い

コンピュータを使っていると、まず心配になるのがコンピュータウィルスです。 セキュリティソフトの警告などで、「マルウェアをブロックしました」といったものを見たことがあるかもしれません。 さ

仮想マシンとは?仮想環境、VM、仮想化ソフトとの違いも含めて解説!

仮想マシンとは、コンピュータの中で仮想的に作られたコンピュータのことです。 たとえば、Macの中にWindowsの仮想マシンを作ることで、本来Macでは動かないはずのWindows専用ソフトを

DHCPとは?

DHCPは、インターネットに繋がれたコンピュータに、IPアドレスなどの通信に必要な情報を割り当てるための約束事(プロトコル)です。 DHCP(Dynamic Host Configur